详解WordPress中的头像缓存和代理中的缓存更新方法

这篇文章主要介绍了WordPress中的头像缓存和代理中的缓存更新方法,分别针对Gravatar头像的本地缓存以及代理中的css/js文件缓存更新,需要的朋友可以参考下。

wordpress评论中的头像是使用Gravatar的头像服务（Gravatar官方注册地址：http://en.gravatar.com），用户的缓存头像一般都是固定不变的，所以我们可以将头像缓存到本地来提高我们网站的访问速度。

我的wordpress avatar目录的头像缓存：

wordpress头像缓存功能设置方法

首先是在根目录下建立一个文件夹avatar，权限755。再在里面放一个默认的头像（default.jpg），没头像的童鞋就会用默认的，代码如下：

1. function my_avatar( $email, $size = '32', $default = '', $alt = '') { 
2.  $f = md5( strtolower( $email ) ); 
3.  $a = WP_CONTENT_URL . '/avatar/'. $f . $size . '.png'; 
4.  $e = WP_CONTENT_DIR . '/avatar/' . $f . $size . '.png'; 
5.  $d = WP_CONTENT_DIR . '/avatar/' . $f . '-d.png'; 
6.  
7.  if($default=='') 
8.   $default = 'http://www.Vevb.com/avatar/default.jpg'; //尺寸需要改为你自己网站评论的默认头像 
9.    
10.  $t = 2592000; // 缓存有效期30天, 这里单位:秒 
11.  if ( !is_file($e) || (time() - filemtime($e)) > $t ) { 
12.   if ( !is_file($d) || (time() - filemtime($d)) > $t ) { 
13.    // 验证是否有头像 
14.    $uri = 'http://www.gravatar.com/avatar/' . $f . '?d=404'; 
15.    $headers = @get_headers($uri); 
16.    if (!preg_match("|200|", $headers[0])) { 
17.     // 没有头像，则新建一个空白文件作为标记 
18.     $handle = fopen($d, 'w'); 
19.     fclose($handle); 
20.  
21.     $a = $default; 
22.    } 
23.    else { 
24.     // 有头像且不存在则更新 
25.     $r = get_option('avatar_rating'); 
26.     $g = 'http://www.gravatar.com/avatar/'. $f. '?s='. $size. '&r=' . $r; 
27.     copy($g, $e); 
28.    } 
29.   } 
30.   else { 
31.    $a = $default; 
32.   } 
33.  } 
34.    
35.  $avatar = "<img alt='{$alt}' src='{$a}' class='avatar avatar-{$size} photo' height='{$size}' width='{$size}' />"; 
36.  return apply_filters('my_avatar', $avatar, $email, $size, $default, $alt); 
37. } 

再将以上代码添加到你主题的functions.php文件。

将获取头像地址的 get_avatar 函数替换为 my_avatar，有个例外，functions.php评论列表函数中：

get_avatar( $comment

需要改成：

my_avatar( $comment->comment_author_email

因为my_avatar函数只能通过Email来调取用户头像，所以以上情况，需要将第一个参数改成email地址。

get_avatar函数介绍：

用上面的方法简单方便啊，不过还有一步是要注意的，得要确认在调用头像的地方都是用get_avatar函数来完成的，一般都是了，只有以前老的theme才不是，不是的话改过来就行。

如改为：

1. <?php 
2.  echo get_avatar( $comment->comment_author_email, $size = '48', $default = get_bloginfo('wpurl') . '/avatar/default.jpg' );  
3. ?> 

代理(squid)中更新css/js文件缓存的方法

在wordpress添加css或者js文件，我们一般使用这四个函数来实现：

wp_enqueue_script()

wp_enqueue_style()

wp_register_script()

wp_register_style()

函数中你可以定义css/js的版本号，以便我们在对css/js文件更新时能够清楚浏览器的缓存，默认的版本号是wordpress的版本号。版本号会链接在css/js完整路径的后面，一般在版本号变更后，css/js载入的样式的完整URL也会变更，浏览器发现URL变更会重新请求css/js文件，这样就能达到载入最新的css/js文件。

但是很多代理软件(比如squid)并不支持”?“号形式的cache，我们在使用反向代理来cache我们的网站时，特别在squid3.0以后，已经开始不对带”?”号的url进行缓存了。所以我们如果要使用squid的缓存功能就必须去掉”?”,更新squid代理商的缓存只能通过修改文件名来实现。

以下我们将介绍在wordpress通过对版本号的控制来修改js/css文件名从而能够在代理软件中达到缓存的目的：

1、在我们的主题代码functions.php文件中添加如下代码：

1. /**  
2.  * Description: wordpress在代理(squid)中更新css/js文件缓存的方法 
3.  * Author:wordpress教程网 
4.  * Author URI: http://www.Vevb.com/ 
5.  */ 
6. function ds_filename_based_cache_busting( $src ) { 
7.  // 管理员的后台css/js文件无需处理 
8.  if ( is_admin() ) 
9.  return $src; 
10.  //将版本号添加到文件名中已”.“号来区分 
11.  return preg_replace( 
12.  '//.(js|css)/?ver=(.+)$/', 
13.  '.$2.$1', 
14.  $src 
15.  ); 
16. } 
17. add_filter( 'script_loader_src', 'ds_filename_based_cache_busting' ); 
18. add_filter( 'style_loader_src', 'ds_filename_based_cache_busting' ); 

如果你使用的是apache服务器，在你的根目录的.htaccess文件下添加：

1. <IfModule mod_rewrite.c> 
2.    RewriteEngine On 
3.    RewriteBase / 
4.    
5.    RewriteCond %{REQUEST_FILENAME} !-f 
6.    RewriteCond %{REQUEST_FILENAME} !-d 
7.    RewriteRule ^(.+)/.(.+)/.(js|css)$ $1.$3 [L] 
8. </IfModule> 

如果你是nginx服务器配置如下：

1. location ~ ^(.+)/.(.+)/.(js|css)$ { 
2.   alias $1.$3; 
3. }