WordPress緩存Gravatar頭像到本地,提高加載速度

1舊版緩存方案2新版緩存方案

在博客圈混,如果你還不知道什麼是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');

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);

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後臺默認頭像最好設置為空。

新版出自:https://fatesinger.com/76006

發佈留言