优选主流主机商
任何主机均需规范使用

WordPress头像缓存优化与代理缓存更新技巧全解析

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

再将以上代码添加到你主题的functions.php文件。
将获取头像地址的 get_avatar 函数替换为 my_avatar 。有个例外,functions.php评论列表函数中:

?

1 get_avatar( $comment

需要改成:

1 my_avatar( $comment ->comment_author_email

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

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

如改为:

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

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

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

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

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

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

 

未经允许不得转载:搬瓦工中文网 » WordPress头像缓存优化与代理缓存更新技巧全解析