zoukankan      html  css  js  c++  java
  • wordpress优化:Gravatar头像被墙及解决方案

    网站缓存现象:

    打开网站是左下角出现0.gravatar.com1.gravatar.com或2.gravatar.com字样,网站一直处于缓存状态,迟迟未能打开。很多人都会缺乏耐心地等待一个网页的打开,这会导致网站读者的流失,甚至以后不会再访问你的网站。

    原因分析:

    当中的原因就是Gravatar头像引起的,gravatar.com的服务器在美国加利福尼亚州旧金山市,再加上诸多的原因,在我们网站上是很难缓存Gravatar头像的,从而拖累了网站的打开速度。

    每位留言者根据自己的邮箱会显示不同的Gravatar头像,如果一篇文章的留言者非常多,比如几百个以上,就会显示几百个Gravatar头像图片,图片越多,HTTP请求也就越多,容易导致网页加载缓慢、网站出现打不开的现象。

    优化分析:

    目前有不少的有名气的博客已经取消了显示Gravatar头像,目的就是为了最大限度地加快网页的加载速度,毕竟在浏览网页内容和留言两者之间,获取网页内容才是第一位的,评论只是一种交互方式。

    wordpress优化方法:主要有两种,其一是将Gravatar头像缓存到本地空间;其二是Gravatar头像缓存到国内镜像服务器。

    方法一:将Wordpress的Gravatar头像图片缓存到本地

    要想将Wordpress的Gravatar头像图片缓存到本地,先在网站的根据目录新建一个avatar 的文件夹,读写权限设置为755。

    有些留言者的邮箱可能没有注册Gravatar头像,我们需要用到一个默认的图片替代这样的留言者的头像,将一张default.jpg 的图片作为默认头像放在avatar文件夹中。

    打开你的主题的 functions.php 文件,编辑内容。

    将以下代码复制粘贴到你的functions.php最后,默认的是14天更新一次头像图片,你可以自己修改为更短时间。

    function my_avatar($avatar) {

    $tmp = strpos($avatar, 'http');

    $g = substr($avatar, $tmp, strpos($avatar, "'", $tmp) - $tmp);

    $tmp = strpos($g, 'avatar/') + 7;

    $f = substr($g, $tmp, strpos($g, "?", $tmp) - $tmp);

    $w = get_bloginfo('wpurl');

    $e = ABSPATH .'avatar/'. $f .'.jpg';

    $t = 1209600; //設定14天, 單位:秒

    if ( !is_file($e) || (time() - filemtime($e)) > $t ) { //當頭像不存在或文件超過14天才更新

    copy(htmlspecialchars_decode($g), $e);

    } else $avatar = strtr($avatar, array($g => $w.'/avatar/'.$f.'.jpg'));

    if (filesize($e) < 500) copy($w.'/avatar/default.jpg', $e);

    return $avatar;

    }

    add_filter('get_avatar', 'my_avatar');

    WordPress的Gravatar头像图片缓存到本地后,图片的路径不再是Gravatar官网的URL了,而是本地服务器的图片地址了。

    方法二:将Gravatar头像缓存到多说或七牛国内镜像服务器实现加速

    将Wordpress头像缓存到多说Gravatar头像国内镜像服务器。

    2、方法的原理是:官方的Gravatar 头像所在的路径一般都是www.gravatar.com、0.gravatar.com、1.gravatar.com、2.gravatar.com 这四个,我们只需要将头像默认的URL换成多说的就行了。

    3、打开主题下的functions.php 文件,将以下代码复制粘贴保存即可。

    function mytheme_get_avatar($avatar) {

        $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),

    "gravatar.duoshuo.com",$avatar);

        return $avatar;

    }

    add_filter( 'get_avatar', 'mytheme_get_avatar', 10, 3 );

    同理利用此方法,我们还可以在七牛中自己建立一个Gravatar官网头像服务器,然后将以下代码复制到functions.php 文件中,就可以让Gravatar 头像的外链地址变成七牛的CDN了。

    function mytheme_get_avatar($avatar) {

        $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),

    "dadu2.qiniudn.com",$avatar);

        return $avatar;

    }

    add_filter( 'get_avatar', 'mytheme_get_avatar', 10, 3 );

    除了缓存Gravatar头像外,我们还可以安装Wp Super Cache插件进行整个页面的缓存,关于Wp Super Cache插件的使用>>>WordPress优化:加速缓存插件WP Super cache安装方法及使用技巧


    Gravatar 头像被墙及解决方案

    今天在几个朋友的帮助下发现Gravatar 应该是彻底被墙了,根本无法访问了,可能是最近大会或者什么其他原因吧,还有人因为什么被抓起来了,太多东西也不好评价。我Gril Friend Wall 果然是天下无敌。

    年纪大了折腾的精力就不如从前了,只想用最简单的方法解决问题,我采用了第一种方法,直接调用官方的数据,理论上应该是最稳定的了(没被墙的前提下)。

    调用ssl 头像链接

    https还是没被墙的,而且速度还不错,直接调用这个最简单了。

    如果你的网站启用了ssl则不需要了,否则functions.php 加入如下代码

    1. function get_ssl_avatar($avatar) {
    2.    $avatar = preg_replace('/.*/avatar/(.*)?s=([d]+)&.*/','<img src="https://secure.gravatar.com/avatar/$1?s=$2" class="avatar avatar-$2" height="$2" width="$2">',$avatar);
    3.    return $avatar;
    4. }
    5. add_filter('get_avatar', 'get_ssl_avatar');

    优点:简单稳定

    缺点: 当头像特别大时速度可能略慢

    本地缓存

    下面的代码加到functions.php

    1. function my_avatar($avatar) {
    2.   $tmp = strpos($avatar, 'http');
    3.   $g = substr($avatar, $tmp, strpos($avatar, "'", $tmp) - $tmp);
    4.   $tmp = strpos($g, 'avatar/') + 7;
    5.   $f = substr($g, $tmp, strpos($g, "?", $tmp) - $tmp);
    6.   $w = get_bloginfo('wpurl');
    7.   $e = ABSPATH .'avatar/'. $f .'.jpg';
    8.   $t = 1209600; //設定14天, 單位:秒
    9.   if ( !is_file($e) || (time() - filemtime($e)) > $t ) { //當頭像不存在或文件超過14天才更新
    10.     copy(htmlspecialchars_decode($g), $e);
    11.   } else  $avatar = strtr($avatar, array($g => $w.'/avatar/'.$f.'.jpg'));
    12.   if (filesize($e) < 500) copy($w.'/avatar/default.jpg', $e);
    13.   return $avatar;
    14. }
    15. add_filter('get_avatar', 'my_avatar');

    在WordPress安装根目(即跟wp-content等文件夹同一目录下)下新建一个名为 avatar 的文件夹 ,并给予写权限。放入一张同尺寸的头像图片命名为default.jpg。

    优点:和主机速度挂钩,如果你的服务器特别快则头像加载也特别快

    缺点:只能缓存一个尺寸的头像,国内主机无法使用

    via:willin

    多说缓存

    注:多说部分头像会被回源,导致无法显示,所以也不推荐这个方案

    下面的代码加到functions.php

    1. function duoshuo_avatar($avatar) {
    2.     $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),"gravatar.duoshuo.com",$avatar);
    3.     return $avatar;
    4. }
    5. add_filter( 'get_avatar', 'duoshuo_avatar', 10, 3 );

    优点:

    缺点:我最烦多说了

    还有七牛缓存之类的,网上有很多,大家可以随便搜搜,个人最推荐的是第一种方法

    当然也可以把头像关闭掉,即可禁用Gravatar头像

  • 相关阅读:
    Java NIO与IO
    linux命令
    windows的定时任务设置
    《软硬件接口》课程大纲
    使用SSIS对Dynamics CRM 系统进行数据迁移
    数据库设计中的14个技巧
    背景建模或前景检測之PBAS
    Leetcode 树 Populating Next Right Pointers in Each Node II
    QCon大会上推荐阅读的10本书
    cocos2d-x3.0 Slider
  • 原文地址:https://www.cnblogs.com/kenshinobiy/p/5056789.html
Copyright © 2011-2022 走看看