網站緩存現象:
打開網站是左下角出現0.gravatar.com、1.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
加入如下代碼
-
function get_ssl_avatar($avatar) {
-
$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);
-
return $avatar;
-
}
-
add_filter('get_avatar', 'get_ssl_avatar');
優點:簡單穩定
缺點: 當頭像特別大時速度可能略慢
本地緩存
下面的代碼加到functions.php
中
-
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安裝根目(即跟wp-content等文件夾同一目錄下)下新建一個名為 avatar 的文件夾 ,並給予寫權限。放入一張同尺寸的頭像圖片命名為default.jpg。
優點:和主機速度掛鈎,如果你的服務器特別快則頭像加載也特別快
缺點:只能緩存一個尺寸的頭像,國內主機無法使用
via:willin
多說緩存
注:多說部分頭像會被回源,導致無法顯示,所以也不推薦這個方案
下面的代碼加到functions.php
中
-
function duoshuo_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', 'duoshuo_avatar', 10, 3 );
優點:
缺點:我最煩多說了
還有七牛緩存之類的,網上有很多,大家可以隨便搜搜,個人最推薦的是第一種方法
當然也可以把頭像關閉掉,即可禁用Gravatar頭像