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

  • A+
所属分类:建站相关

在博客圈混,如果你还不知道什么是Gravatar头像,那你真的白混了,自己去补补吧:Gravatar全球通用头像注册使用图文教程。Gravatar官方的服务器有好几个,都在国外,返回头像时,加载速度不是很理想,所以,将头像缓存到我们的主机空间里,这样加载的速度就会好很多。

旧版缓存方案

下面介绍的方法来自 Willin Kan 大师(可惜他已经退出WordPress圈),一起来折腾下吧。

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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写的那个。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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后台默认头像最好设置为空。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

私密评论