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

suboysugar發表於2015-12-18

網站快取現象:

開啟網站是左下角出現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頭像

如何聯絡我:【萬里虎】www.bravetiger.cn
【QQ】3396726884 (諮詢問題100元起,幫助解決問題500元起)
【部落格】http://www.cnblogs.com/kenshinobiy/


相關文章