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

学习NO.1 · 发表于 2015-12-27 13:48:49

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由学习NO.1 于 2015-12-27 13:50 编辑

在道勤网圈混，如果你还不知道什么是Gravatar头像，那你真的白混了，自己去补补吧：。Gravatar官方的服务器有好几个，都在国外，返回头像时，加载速度不是很理想，所以，将头像缓存到我们的主机空间里，这样加载的速度就会好很多。

旧版缓存方案

下面介绍的方法来自 Willin Kan 大师（可惜他已经退出 wordpress圈），一起来折腾下吧。

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

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

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

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写的那个。

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后台默认头像最好设置为空。

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！