很久没写过wordpress速度优化的文章了,有人问我wordpress的头像能不能加速,毕竟头像在国外,速度太慢了。对此问题,解决办法很多,比如使用国内的Gravatar头像缓存,或者使用ssl的Gravatar头像地址。如果你的用户喜欢上传头像,你也可以搞成本地存储。最佳方案还是使用v2ex的CDN服务,它提供了连接到Gravatar的通道。
下面是dux主题中,对于wordpress头像的优化代码。
if( _hui('gravatar_url') ){ if( _hui('gravatar_url') == 'ssl' ){ add_filter('get_avatar', '_get_ssl2_avatar'); }elseif( _hui('gravatar_url') == 'v2ex' ){ add_filter('get_avatar', '_get_v2ex_avatar'); } } function _get_ssl2_avatar($avatar) { $avatar = preg_replace('/.*\/avatar\/(.*)\?s=([\d]+)&d=(.*).*/','<img src="https://secure.gravatar.com/avatar/$1?s=$2&d='.get_option('avatar_default').'" class="avatar avatar-$2">',$avatar); return $avatar; } function _get_v2ex_avatar($avatar) { $avatar = str_replace(array("secure.gravatar.com/avatar","www.gravatar.com/avatar", "0.gravatar.com/avatar", "1.gravatar.com/avatar", "2.gravatar.com/avatar"), "cdn.v2ex.com/gravatar", $avatar); return $avatar; } add_filter( 'avatar_defaults', '_tb_new_avatar' ); function _tb_new_avatar ($avatar_defaults) { $myavatar = _get_default_avatar(); $avatar_defaults[$myavatar] = "DMD 默认头像"; return $avatar_defaults; } function _get_default_avatar(){ return get_stylesheet_directory_uri() . '/img/avatar-default-img.png'; } function _get_the_avatar($user_id = '', $user_email = '', $src = false, $size = 50) { $avatar = get_avatar($user_email, $size, get_option('avatar_default')); if ($src) { return $avatar; } else { return str_replace(' src=', ' data-src=', $avatar); } }
简单对上面的代码做一个说明。首先通过_hui('gravatar_url')
获取到主题设置中用户设置的头像获取方式,并根据获取方式使用过滤器get_avatar
设置不同头像处理函数。其中的处理函数就很简单了,只是一个替换而已,将头像地址替换成对应的加速地址。
上面的代码通过过滤器avatar_defaults
还设置了默认头像,最后使用_get_the_avatar
函数输出头像地址。
如果不是dux主题的朋友想使用上面的代码,需要将开始的_hui('gravatar_url')
判断逻辑修改,最简单的就是直接写死,不要判断。如果你不清楚你的主题运作方式,不建议修改,如果熟悉的,看了上面的说明应该也会改了。
注意:wordpress在wp-includes/link-template.php文件中大约4228-4233行根据网站是否使用ssl定义了头像的不同域名。
if ( is_ssl() ) { $url = 'https://secure.gravatar.com/avatar/' . $email_hash; } else { $url = sprintf( 'http://%d.gravatar.com/avatar/%s', $gravatar_server, $email_hash ); }
因此,如果不使用镜像服务器,你的网站又是https的话,就无须使用上面的_get_ssl2_avatar函数替换了,因为本来就是这个地址,如果你的网站仅支持http,那么可以使用它,将其修改为https的头像地址。
此处,大前端DUX主题的头像加速有BUG,当用户使用https网站时,是无法使用v2ex的镜像服务的。因为此时wordpress系统使用secure.gravatar.com地址输出头像,而其替换代码中,不包含secure.gravatar.com地址,并不能替换内容。
评论 (5)
我原先测试的时候也发现没有从V2ex载入头像,后面干脆就搞了一个本地头像缓存