性价比最高的香港ASP、PHP主机提供商
做网站,就上凡科建站

WordPress缓存Gravatar头像到本地,提高加载速度

Loading
0
Comodo SLL证书促销 - 免费ssl证书申请_ssl证书购买_ev ssl证书_https证书购买 - GDCA_数安时代

在博客圈混,如果你还不知道什么是Gravatar头像,那你真的白混了,自己去补补吧:Gravatar全球通用头像注册使用图文教程。Gravatar官方的服务器有好几个,都在国外,返回头像时,加载速度不是很理想,所以,将头像缓存到我们的主机空间里,这样加载的速度就会好很多。

旧版缓存方案

下面介绍的方法来自 Willin Kan 大师(可惜他已经退出WordPress圈),一起来折腾下吧。

1.在wp-content 的同級目录建立一个文件夹,命名为 avatar ,设置该文件夹的权限为 0755 (如果 0755 不行,就试一下 0777)。

2.准备一张大小适合的默认头像,命名为”default.jpg” ,放在 avatar 文件夹里面。

3.在主题的 functions.php 最后一个 ?> 的前面添加下面的代码即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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 = home_url(); // $w = get_bloginfo('url');
     //$e = preg_replace('/wordpress/', '', ABSPATH) .'avatar/'. $f .'.jpg';
     $e = ABSPATH .'avatar/'. $f .'.jpg';
     $t = 604800; //设定7天, 单位:秒
     if ( empty($default) ) $default = $w. '/avatar/default.jpg';
     if ( !is_file($e) || (time() - filemtime($e)) > $t ) //当头像不存在或者文件超过7天才更新
         copy(htmlspecialchars_decode($g), $e);
     else
         $avatar = strtr($avatar, array($g => $w.'/avatar/'.$f.'.jpg'));
     if (filesize($e) < 500) copy($default, $e);
     return $avatar;
 }
 add_filter('get_avatar', 'my_avatar');

新版缓存方案

在Gravatar没被墙之前,很多人都是把头像缓存到本地来加速,自从被墙后(貌似现在恢复了,但是速度非常慢),国内主机就告别这个方法了,都是使用替换服务器的方法,但是很多时候速度还不是很理想。还有就是新版的get_avatar函数已经支持srcset来适应高清屏,一些不好的代码在高清屏下可能出现问题。

另外就是旧版的缓存函数只能缓存一个尺寸的头像,如果网站调用了多个尺寸的头像可能调用大头像的时候会不清晰。于是我改进了代码:

  • 支持国内主机
  • 支持不同大小的头像

下面的代码加到functions.php中,部分参考了以前willin写的那个。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function fa_cache_avatar($avatar, $id_or_email, $size, $default, $alt)
{
    $avatar = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "cn.gravatar.com", $avatar);
    $tmp = strpos($avatar, 'http');
    $url = get_avatar_url( $id_or_email, $size ) ;
    $url = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "cn.gravatar.com", $url);
    $avatar2x = get_avatar_url( $id_or_email, ( $size * 2 ) ) ;
    $avatar2x = str_replace(array("www.gravatar.com", "0.gravatar.com", "1.gravatar.com", "2.gravatar.com"), "cn.gravatar.com", $avatar2x);
    $g = substr($avatar, $tmp, strpos($avatar, "'", $tmp) - $tmp);
    $tmp = strpos($g, 'avatar/') + 7;
    $f = substr($g, $tmp, strpos($g, "?", $tmp) - $tmp);
    $w = home_url();
    $e = ABSPATH .'avatar/'. $size . '*'. $f .'.jpg';
    $e2x = ABSPATH .'avatar/'. ( $size * 2 ) . '*'. $f .'.jpg';
    $t = 1209600; 
    if ( (!is_file($e) || (time() - filemtime($e)) > $t) && (!is_file($e2x) || (time() - filemtime($e2x)) > $t ) ) { 
        copy(htmlspecialchars_decode($g), $e);
        copy(htmlspecialchars_decode($avatar2x), $e2x);
    } else { $avatar = $w.'/avatar/'. $size . '*'.$f.'.jpg';
        $avatar2x = $w.'/avatar/'. ( $size * 2) . '*'.$f.'.jpg';
        if (filesize($e) < 1000) copy($w.'/avatar/default.jpg', $e);
        if (filesize($e2x) < 1000) copy($w.'/avatar/default.jpg', $e2x);
        $avatar = "<img alt='{$alt}' src='{$avatar}' srcset='{$avatar2x}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />";
    }
    return $avatar;
}
add_filter('get_avatar', 'fa_cache_avatar',1,5);

在WP根目录下新建avatar文件夹并给予写权限。在avatar文件夹下上传一张default.jpg的图片作为默认头像。

另外在WP后台默认头像最好设置为空。

新版出自:https://fatesinger.com/76006

支付宝扫码打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

WordPress快站:让WordPress建站更简单

关于 倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

精彩推荐

使用Old Core Files插件删除WordPress版本升级后无用的老文件

使用Old Core Files插件删除WordPress版本升级后无用的老文件

如何解决“The plugin generated xxxx characters of unexpected output during activation” 错误

34 条评论

  1. 最近在自己在开发新主题的时候也用到了这个功能,感觉旧版本不太合适,这个新版本会出现错误,所以自己也有折腾了一个升级版本,欢迎看看http://zhangzifan.com/wordpress-cache-gravatar.html

  2. 我这样试了,不行,底下还是加载那个头像

  3. 首先博主元旦快乐
    然后你这这段代码是有问题的,因为这里写了一个目录:/wordpress
    因为很多博客是在根目录安装的而非子目录安装的,这样的话会导致后台头像无法加载或者慢。
    preg_replace(‘/wordpress/’

  4. 还有可能是gravatar头像地址被GFW墙的原因呢?wordpress后台打开慢/卡顿的解决方法【亲测好用!】http://seofangfa.com/other-note/wordpress-slow.html

发表评论