scribble

守望的麦子

About Projects Tool Guestbook

16 Sep 2010
WP提速 - Expires Headers & ETags

继 GTmetrix - 加速你的网站!文中提到的 YSlow 和 Page Speed 在线测试工具,其中涉及到 Expires Headers 和 ETags 优化选项,说一下WP用户的解决方案。

什么是Expires Headers?

Expires Header,就是过期时间的header报文。这个文件过期时间,其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件(例如样式表中调用的背景图片和文章中调用的图片)其实在很长一段时间内我们都不会对它们有什么改变,这类文件可以设置非常长的缓存时间,这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取,从而大大加速网站的载入速度。

如何添加Expires Headers?

①如果你的服务器是Apache,你可以用 ExpiresDefault 这样的语句。直接添加在 .htaccess 文件即可。比如

ExpiresDefault "access plus 2 months"

这个语句使用了相对时间,即从现在起到两个月后过期。当然years、months、weeks、days、hours、minutes、seconds都可以使用。

你可以写入.htaccess文件中这样的语句:

#Expire Header
ExpiresDefault "access plus 2 hours"

或者

# Expire images header
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000

A2592000 为 1 个月 (60*60*24*30=2592000)

注意:首次登录并不能看出来有什么提升,但是当浏览子页面或者再次浏览的时候,就会发现速度较之前有很大改观,服务器不会重新抓图片、CSS、JS这样不常常更新的文件(也就是减少了HTTP请求次数)。

以上方法 via Tips And Tricks HQ

②使用插件 HTTP Express

Enable a php based HTTP proxy to add correct HTTP headers to images, css and javascripts. Useful if you want to improve cache usage and reduce bandwidth impact. Requires Apache with mod_rewrite enabled to work.

移除ETags

在 .htaccess 文件中加入

FileETag none

加速网站,同时别忘了 两个可以让你的WP更快的插件……

WP加速优化博文预告:我是怎么处理嵌在HTML中的小图片的……

Til next time,
Jason at 00:00

scribble

About Projects Tool Guestbook