MENU

Gravatar头像CDN加速

February 7, 2019 • Read: 5472 • 网站优化阅读设置

  • 本篇文章主要告诉大家如何通过cdn来缓存Gravatar头像以达到网页加速的效果。
  • 原理是通过对cdn节点的请求从官方Gravatar服务器拉取Gravatar头像,缓存到cdn节点,以实现加速的目的。

一. 何为Gravatar头像?

Gravatar是Globally Recognized Avatar的缩写,意为“全球通用头像”。如果在Gravatar的服务器上放置了你自己的头像,那么在任何支持Gravatar的blog或者留言本上留言时,只要提供你与这个头像关联的email地址,就能够显示出你的Gravatar头像。

二. 为什么要加速Gravatar头像?

目前几乎所有的博客都支持Gravartar解析,在这里我建议关闭博客里将qq邮箱解析为qq头像的接口,并且在官网申请并创建自己的账号、上传Gravatar头像。因为首先Gravatar头像是全球通用的,可以在自己评论时采用统一头像,而不会因为qq头像变化导致评论头像的改变。其次qlogo接口速度实在太慢,而且时常抽风,导致博客加载速度很不理想,在下图可以看到采用qq邮箱接口的加载速度已经到了普遍300ms左右。
QQ20190207-174426.png

Gravatar由于国内被墙,目前友人C老哥推荐使用 https://secure.gravatar.com/avatar 或者 https://cdn.v2ex.com/gravatar 镜像源,但是经过我的测试(河北联通200M宽带),前者的加载速度似乎并不理想,时常突破600ms大关,这必然是不能忍的!我看了一下好多童鞋都在用第一个,虽然会根据地区不同有所差异,但是第一个真的不要再直接用了!!!真的太慢了!!!
QQ20190207-150048.png

再来看我们用又拍云cdn加速后的加载速度,哇和前面比简直是鸟枪换大炮!几乎都在100ms以内,是不是很心动呢? ::quyin:1huaji::
13212323.png

我这里的ping值对比

QQ20190207-173427.png

下面我们就系统的介绍通过又拍云cdn加速Gravatar头像的方法(其他cdn操作方法类似

三. 又拍云cdn加速Gravatar头像

首先进入又拍云cdn创建服务,加速地址填写你想要加速的域名,源站地址填写secure.gravatar.com,端口号填443。
QQ20190207-180724@2x.png
创建完成后在域名解析处添加一条cname解析
QQ20190207-180819@2x.png
然后申请域名证书,绑定域名证书(这一步必须要做,否则浏览器会判定不安全)
QQ20190207-180919.png

添加一条缓存规则,天数自定义。
QQ20190207-190908@2x.png

开启智能压缩以及webp自适应,其他无需设置。

handsome模板直接然后进入后台,在速度优化里设置Gravatar镜像源地址,前面部分填写你自己的加速域名,这样就大功告成了。
QQ20190207-185748@2x.png

如后台不能直接设置,直接打开Typecho安装目录下的config.inc.php文件,将以下代码加到文件末尾即可。(镜像源地址替换成自己的)

/** 定义Gravatar头像源 */
define('__TYPECHO_GRAVATAR_PREFIX__', 'https://avatar.zrahh.com/avatar/');

清除一下浏览器缓存,现在sourse里就变成自己的源了。
QQ20190207-190015@2x.png

四. 个人的Gravatar头像加速接口分享

如果大家觉得麻烦不想整的话,这里我把我的镜像源无偿奉献出来,直接在后台把镜像源修改成 https://avatar.zrahh.com/avatar 即可体验飞一般的感觉 ::quyin:witty::

Leave a Comment

33 Comments
  1. BeyondIM BeyondIM     Linux /    Google Chrome

    使用了您的镜像服务,感谢

  2. AdviseRed AdviseRed     Windows 10 /    Google Chrome

    快点给老子更!!!!!!!!@(滑稽)

  3. 小石 小石     Windows 10 /    Google Chrome

    感谢大佬哇::quyin:1huaji::

  4. Yiven Yiven     Windows 7 /    FireFox

    感谢博主指点,评论区的烟花效果真棒

    1. 左岸 左岸     MacOS /    Google Chrome

      @Yiven不客气呢@(太开心)

  5. 逝雪蓝冰 逝雪蓝冰     Windows XP /    FireFox

    我在网站根目录的 config.inc.php 文件中插入了这条代码:define('__TYPECHO_GRAVATAR_PREFIX__', 'https://avatar.zrahh.com/avatar/'); 已经用上了你的头像镜像源,谢谢!感觉网站速度起飞了,不知道是不是错觉。::quyin:1huaji::

    1. 左岸 左岸     Android Pie /    Google Chrome

      @逝雪蓝冰你ping一下试试@(滑稽)

  6. 逝雪蓝冰 逝雪蓝冰     Windows XP /    FireFox

    可以直接使用你的镜像源吗?用的人多了会不会卡。::quyin:doubt::

    1. 左岸 左岸     Android Pie /    Google Chrome

      @逝雪蓝冰不会不会2333

  7. funs funs     Android Oreo /    QQ浏览器

    学习了,感谢分享

    1. 左岸 左岸     Android Pie /    Google Chrome

      @funs能用上国内的源就很好啦@(笑眼)

  8. TouiSoraHe TouiSoraHe     Windows 10 /    Google Chrome

    nice,看到之后去申请了一个账号,来发条评论测试下头像

    1. 左岸 左岸     MacOS /    Google Chrome

      @TouiSoraHe嘿嘿nice,评论没有头像的话太没牌面了::quyin:1huaji::

  9. 她与空白 她与空白     Android /    Google Chrome

    博主的博客好多干货,果断收藏了,感谢

    1. 左岸 左岸     MacOS /    Google Chrome

      @她与空白互相学习#(脸红)

  10. 小彦 小彦     Windows 10 /    Google Chrome

    hi,博主你有兴趣加入『个站商店』吗?是一个精致的个人网站展示平台,上面有300个站长加入了哦!邀请你加入~~
    http://storeweb.cn

    1. 左岸 左岸     MacOS /    Google Chrome

      @小彦好的,已经在申请了 ::aru:shy::