wordpress優化:Gravatar頭像被牆及解決方案


網站緩存現象:

打開網站是左下角出現0.gravatar.com1.gravatar.com或2.gravatar.com字樣,網站一直處於緩存狀態,遲遲未能打開。很多人都會缺乏耐心地等待一個網頁的打開,這會導致網站讀者的流失,甚至以后不會再訪問你的網站。

原因分析:

當中的原因就是Gravatar頭像引起的,gravatar.com的服務器在美國加利福尼亞州舊金山市,再加上諸多的原因,在我們網站上是很難緩存Gravatar頭像的,從而拖累了網站的打開速度。

每位留言者根據自己的郵箱會顯示不同的Gravatar頭像,如果一篇文章的留言者非常多,比如幾百個以上,就會顯示幾百個Gravatar頭像圖片,圖片越多,HTTP請求也就越多,容易導致網頁加載緩慢、網站出現打不開的現象。

優化分析:

目前有不少的有名氣的博客已經取消了顯示Gravatar頭像,目的就是為了最大限度地加快網頁的加載速度,畢竟在瀏覽網頁內容和留言兩者之間,獲取網頁內容才是第一位的,評論只是一種交互方式。

wordpress優化方法:主要有兩種,其一是將Gravatar頭像緩存到本地空間;其二是Gravatar頭像緩存到國內鏡像服務器。

方法一:將Wordpress的Gravatar頭像圖片緩存到本地

要想將Wordpress的Gravatar頭像圖片緩存到本地,先在網站的根據目錄新建一個avatar 的文件夾,讀寫權限設置為755。

有些留言者的郵箱可能沒有注冊Gravatar頭像,我們需要用到一個默認的圖片替代這樣的留言者的頭像,將一張default.jpg 的圖片作為默認頭像放在avatar文件夾中。

打開你的主題的 functions.php 文件,編輯內容。

將以下代碼復制粘貼到你的functions.php最后,默認的是14天更新一次頭像圖片,你可以自己修改為更短時間。

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 = get_bloginfo('wpurl');

$e = ABSPATH .'avatar/'. $f .'.jpg';

$t = 1209600; //設定14天, 單位:秒

if ( !is_file($e) || (time() - filemtime($e)) > $t ) { //當頭像不存在或文件超過14天才更新

copy(htmlspecialchars_decode($g), $e);

} else $avatar = strtr($avatar, array($g => $w.'/avatar/'.$f.'.jpg'));

if (filesize($e) < 500) copy($w.'/avatar/default.jpg', $e);

return $avatar;

}

add_filter('get_avatar', 'my_avatar');

WordPress的Gravatar頭像圖片緩存到本地后,圖片的路徑不再是Gravatar官網的URL了,而是本地服務器的圖片地址了。

方法二:將Gravatar頭像緩存到多說或七牛國內鏡像服務器實現加速

將Wordpress頭像緩存到多說Gravatar頭像國內鏡像服務器。

2、方法的原理是:官方的Gravatar 頭像所在的路徑一般都是www.gravatar.com、0.gravatar.com、1.gravatar.com、2.gravatar.com 這四個,我們只需要將頭像默認的URL換成多說的就行了。

3、打開主題下的functions.php 文件,將以下代碼復制粘貼保存即可。

function mytheme_get_avatar($avatar) {

    $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),

"gravatar.duoshuo.com",$avatar);

    return $avatar;

}

add_filter( 'get_avatar', 'mytheme_get_avatar', 10, 3 );

同理利用此方法,我們還可以在七牛中自己建立一個Gravatar官網頭像服務器,然后將以下代碼復制到functions.php 文件中,就可以讓Gravatar 頭像的外鏈地址變成七牛的CDN了。

function mytheme_get_avatar($avatar) {

    $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),

"dadu2.qiniudn.com",$avatar);

    return $avatar;

}

add_filter( 'get_avatar', 'mytheme_get_avatar', 10, 3 );

除了緩存Gravatar頭像外,我們還可以安裝Wp Super Cache插件進行整個頁面的緩存,關於Wp Super Cache插件的使用>>>WordPress優化:加速緩存插件WP Super cache安裝方法及使用技巧


 

Gravatar 頭像被牆及解決方案

今天在幾個朋友的幫助下發現Gravatar 應該是徹底被牆了,根本無法訪問了,可能是最近大會或者什么其他原因吧,還有人因為什么被抓起來了,太多東西也不好評價。我Gril Friend Wall 果然是天下無敵。

年紀大了折騰的精力就不如從前了,只想用最簡單的方法解決問題,我采用了第一種方法,直接調用官方的數據,理論上應該是最穩定的了(沒被牆的前提下)。

調用ssl 頭像鏈接

https還是沒被牆的,而且速度還不錯,直接調用這個最簡單了。

如果你的網站啟用了ssl則不需要了,否則functions.php 加入如下代碼

  1. function get_ssl_avatar($avatar) {
  2.    $avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&.*/','<img src="https://secure.gravatar.com/avatar/$1?s=$2" class="avatar avatar-$2" height="$2" width="$2">',$avatar);
  3.    return $avatar;
  4. }
  5. add_filter('get_avatar', 'get_ssl_avatar');

優點:簡單穩定

缺點: 當頭像特別大時速度可能略慢

本地緩存

下面的代碼加到functions.php

  1. function my_avatar($avatar) {
  2.   $tmp = strpos($avatar, 'http');
  3.   $g = substr($avatar, $tmp, strpos($avatar, "'", $tmp) - $tmp);
  4.   $tmp = strpos($g, 'avatar/') + 7;
  5.   $f = substr($g, $tmp, strpos($g, "?", $tmp) - $tmp);
  6.   $w = get_bloginfo('wpurl');
  7.   $e = ABSPATH .'avatar/'. $f .'.jpg';
  8.   $t = 1209600; //設定14天, 單位:秒
  9.   if ( !is_file($e) || (time() - filemtime($e)) > $t ) { //當頭像不存在或文件超過14天才更新
  10.     copy(htmlspecialchars_decode($g), $e);
  11.   } else $avatar = strtr($avatar, array($g => $w.'/avatar/'.$f.'.jpg'));
  12.   if (filesize($e) < 500) copy($w.'/avatar/default.jpg', $e);
  13.   return $avatar;
  14. }
  15. add_filter('get_avatar', 'my_avatar');

在WordPress安裝根目(即跟wp-content等文件夾同一目錄下)下新建一個名為 avatar 的文件夾 ,並給予寫權限。放入一張同尺寸的頭像圖片命名為default.jpg。

優點:和主機速度掛鈎,如果你的服務器特別快則頭像加載也特別快

缺點:只能緩存一個尺寸的頭像,國內主機無法使用

via:willin

多說緩存

注:多說部分頭像會被回源,導致無法顯示,所以也不推薦這個方案

下面的代碼加到functions.php

  1. function duoshuo_avatar($avatar) {
  2.     $avatar = str_replace(array("www.gravatar.com","0.gravatar.com","1.gravatar.com","2.gravatar.com"),"gravatar.duoshuo.com",$avatar);
  3.     return $avatar;
  4. }
  5. add_filter( 'get_avatar', 'duoshuo_avatar', 10, 3 );

優點:

缺點:我最煩多說了

還有七牛緩存之類的,網上有很多,大家可以隨便搜搜,個人最推薦的是第一種方法

當然也可以把頭像關閉掉,即可禁用Gravatar頭像


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM