【Skill】PageSpeed – 利用七牛云加速Gravatar

PageSpeed – 利用七牛云加速Gravatar头像

Gravatar – 全球公认的头像 如果在Gravatar的服务器上放置了你自己的头像,那么在任何支持Gravatar的blog或者留言本上留言时,只要提供你与这个头像关联的email地址,就能够显示出你的Gravatar头像。

WordPress下Gravatar的使用率最大 然而Gravatar却不友好

我们的头像需要在secure.gravatar.com里获取 可是这个服务器远在美国 而且还有时候被墙 就会使得网站很难受 无法加载出Gravatar的头像

贴一下Ping值吧

这是secure.gravatar.com的响应时间

这是七牛云CDN加速的响应时间


教程向

准备工作:

  • 一个七牛云账户
  • 10块钱

没有注册的先去注册一个吧emm 跳转注册

注册成功后 因为七牛云要账户上大于等于10元才可以激活融合CDN加速 所以要用CDN加速还是得充值10元

注册成功/登陆后 新建一个镜像储存空间 地区选择就近即可 (华南 飘过)

创建完成后

选择 镜像储存 填写镜像源

https://secure.gravatar.com/

选择 图片样式

  • 新建图片样式
  • 因为Inspire获取的Gravatar是42px和80px的 所以我这里只制作了两个尺寸的图片样式

缓存时长 个人建议是在3天-7天

3天=259200秒

7天=604800秒


食用方案

  • 下列代码加入到Function.php下即可 注意修改空间域名
    //缓存Gravatar 头像到七牛云存储,WordPress 4.0+ 适用
    function qiniu_avatar($avatar) {
      $avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&.*.srcset=.*/','<img src="http://这里要替换成你的七牛空间域名/avatar/$1-$2" class="avatar avatar-$2" height="$2" width="$2">',$avatar);
      return $avatar;
    }
    add_filter( 'get_avatar', 'qiniu_avatar', 10, 3 );

使用Inspire的伙伴

在主题Module/base.php里 修改Url即可

18/01/06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小巫技术博客

React Native 音频录制例子来解惑入门

1243
来自专栏java一日一条

一个简单粗暴的前后端分离方案

刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想...

951
来自专栏贺贺的前端工程师之路

ReactNative项目中集成旧版本的Angular 1.x的项目

由于新版本(简称2.0版本)的APP使用新技术ReactNative新技术,并且时间紧张,只有公共部分,如登录、联系人等公共部分使用ReactNative重新做...

1082
来自专栏Java帮帮-微信公众号-技术文章全总结

简单到没朋友,微信小程序开发实录【面试+工作】

在准备微信小程序开发之前,希望你已经在微信·公众平台 https://mp.weixin.qq.com/注册了小程序。微信小程序账号注册入口 https://...

3555
来自专栏为数不多的Android技巧

mac下自动切换输入法

长久以来,输入法一直是困扰mac用户的一个问题;不过随着国内厂商的跟进,这种状况得到了极大的改善。不用自己去折腾什么鼠须管了,狼厂和企鹅都做的不错。

1531
来自专栏优启梦

动手抓取搜狗搜索引擎壁纸API接口

1284
来自专栏企鹅号快讯

雅虎前端优化的35条军规

问题:我怎么才能收到你们公众号平台的推送文章呢? 内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各...

2895
来自专栏Jerry的SAP技术分享

Jerry和您聊聊Chrome开发者工具

Chrome开发者工具是Jerry日常工作使用的三大调试器之一。虽然工具名称前面带了个"开发者", 但是它对非开发人员仍然有用。不信?

3633
来自专栏DeveWork

纯代码修改WordPress 默认 Gravatar 头像的方法

默认地,在 WordPress 后台的- 设置 - 讨论 下面可以设置默认的 Gravatar 头像,但是 WordPress 自带的可供选择的那几个实在是不得...

1867
来自专栏程序你好

三分钟让你了解什么是Web开发?

603

扫码关注云+社区