• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

分享几个WordPress本地缓存gravatar评论头像的方案

建站经验 admin 11个月前 (06-23) 209次浏览 已收录 0个评论

由于 GFW 的关系,使用 gravatar 的博客评论头像经常会出现“图裂特效”,这肯定是很多站长小伙伴都遇到过的困扰。网络上也很多教程,通过更换 avatar 的来源,来解决图裂的问题。确实可以解决图裂困扰,但是这头像的加载速度确实还有待提高,下面本文就分享 3 种将头像缓存到本地的方法。

分享几个WordPress本地缓存gravatar评论头像的方案

一、代码方案

代码缓存方案来自 Willin Kan 大师,内容摘自 WP 大学,以下是具体做法:

①、建立缓存目录

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

②、设置默认头像

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

③、添加缓存代码

将下面的代码复制到模板的 functions.php 文件中即可:

二、插件方案

前不久,知更鸟博主鸟哥在 begin 群里分享了一款将 gavatar 头像缓存到本地的插件,个人试用了下,发现还不错,这款插件的名字就叫:nix-gravatar-cache。貌似原版插件有点问题,鸟哥还 DIY 了一把。

如果,发现装了原版的有问题,那么就下载鸟哥改过的版本吧!

下载地址

三、Nginx 方案

我在测试这个插件的过程中,看了下生效后的头像路径,突然灵感一现:这缓存完全可以通过 Nginx 的 proxy 反向代理来缓存到本地啊!就类似于方向代理谷歌,解决被墙问题。

说干就干,经过折腾测试,发现果然好用!下面分享一下具体做法。

①、编译 Nginx

如果你之前已经实操了过张戈博客分享的 Nginx 缓存教程,相信这一步就可以忽略。

Nginx 反向代理缓存需要集成 ngx_cache_purge 模块,如果没有,则需要重新编译 Nginx,具体做法请参考张戈博客之前分享的文章:

《为网站开启 Nginx 缓存加速,支持 html 伪静态页面》之代理模式,新增该缓存模块,并在 http 上下文模块中添加 proxy 缓存规则,比如:

②、Nginx 配置

在网站现有规则中加入如下规则,反向代理 gavatar 并缓存到本地:

③、PHP 代码

在主题目录下的 functions.php 中插入如下代码:

即可将 WordPress 头像地址更改成自己的域名,因为头像地址二级目录字段是/avatar/,所以会匹配到我们在上一步 Nginx 新增的反向代理规则,从而从 cn.gravatar.com 拉取头像并缓存到服务器本地。

很明显这个方法支持各种建站程序(需要修改网站代码),比 PHP 代码或插件的逼格、效率都更高!而且还不会出现外部 url 地址了!

四、折腾拓展

上一篇文章,张戈博客分享了目前在用的优化方案,里面有一条是建议静态资源使用二级域名,并拒绝 cookies 的写入。所以本文还能继续拓展折腾一下:将头像地址改成二级域名。比如右键查看张戈博客评论头像,可以发现已经变成 res.zhangge.net 了。其实就是新增一个 res.zhangge.net 的 server 模块而已,非常简单,感兴趣的朋友可以自己折腾一下,本文就不多做说明了。


39MO , 版权所有丨如未注明 , 均为原创丨转载请注明原文链接:分享几个WordPress本地缓存gravatar评论头像的方案
喜欢 (0)
[1353713598@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址