当前位置:首页>WordPress建站>网站维护>WordPress缓存Gravatar头像到本地,提高加载速度

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

在博客圈混,如果你还不知道什么是Gravatar头像,那你真的白混了,自己去补补吧: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. 'https://static.wpdaxue.com/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.'https://static.wpdaxue.com/avatar/default.jpg', $e);
        if (filesize($e2x) < 1000) copy($w.'https://static.wpdaxue.com/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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
网站维护

WordPress删除修订版和草稿的插件:WP Cleaner

2012-10-28 6:23:00

网站维护

phpMyAdmin教程 之 使用SQL查询语句修改数据库信息

2012-11-1 6:06:00

35 条回复 A文章作者 M管理员
  1. sky

    有道理!

  2. 野草

    博主,这个修改完了以后头像是本地化了,但边栏的插件 WP-RecentComments 头像就失效了,怎么办?
    头像链接会变成 这样https://XXX.**/avatar/46*efcb337a0d820bc70ca09f6cbc8b78b2.jpg’%20srcset=’https://XXX.**/avatar/92*efcb337a0d820bc70ca09f6cbc8b78b2.jpg
    请教怎么解决呢?

    • 倡萌

      你说的这个问题,我不是很清楚,也没有时间去测试

  3. Fanly

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

  4. 收到

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

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

    • 多谢反馈,已更正

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索