WordPress优化设置浏览器端缓存:Leverage browser caching

WordPress 11022 Views 0 Comments

前段时间已经在chrome上装上了Yahoo的Yslow的网站优化检测插件,但是不知为何无法使用,点击没有反应。那几天也没有接着弄这个事情。今天在查看Google网站管理员工具时看到了“网站性能”一项,点开提示要安装Google的Page Speed(使用Firefox时安装)。重装了下Firefox(前几天卸载了)。过了一会用上了传说中的Yslow工具。检查博客是有一条建议的提示Leverage browser caching设置浏览器端缓存。查找资料得知:

网站上的静态内容,诸如:图片、CSS、JS、flash等,一般变动很小,甚至几个月都不会有所更改,这些体积庞大的静态内容占据了大部分网页加 载时间。如何降低静态内容加载时间,甚至不需要(二次)加载静态内容,Leverage browser caching(浏览器端缓存)可以有效地解决这一问题,他使得浏览器可以缓存静态内容,使得浏览器不需要二次加载这些内容。

实现方法也很简单,向.htaccess(推荐用ftp把.htaccess文件传到本地,修改后在上传,我今天操作的直接在Cpanel的文件管理器中修改保存之后网站提示出错。)文件中添加以下代码

#Expire Header
ExpiresActive on //开启缓存
ExpiresByType text/css "access 1 month"//css文件缓存1个月
ExpiresByType text/plain "access 2 days"//纯文本内容缓存2天
ExpiresByType text/html  "access 2 days"//html文件缓存2天
ExpiresByType application/javascript "access 1 month"//JS文件缓存1个月
ExpiresByType image/jpeg "access 1 month"//jpeg图片缓存1个月
ExpiresByType image/x-icon "access 1 month"//icon缓存1个月
ExpiresByType image/gif "access 1 month"//gif图片缓存一个月
ExpiresByType image/png "access 1 month"//png图片缓存一个月
ExpiresByType image/ico "access 1 month"//ico缓存1个月
ExpiresByType application/pdf "access 1 month"//pdf文件缓存一个月
ExpiresByType application/x-shockwave-flash "access 1 month"//flash缓存一个月
ExpiresDefault "access 1 month"// 默认(未提及的可缓存文件)缓存1个月

后边有注释,缓存的保存时间可以自己修改,但是不要改错了。保存重新上传后刷新网页,用Yslow测试可以看到,绝大部分内容都被缓存了。也就是说:读者第一次打开网页加载所有静态文件,以后再访问该页面,就不需要加载了。如果其他页面也使用相同的静态文件(比如js和css),那么访问其他页面也会很快(直接在浏览器的缓存里提取相应的静态内容)。

仅在优化设置浏览器端缓存之后博客的Yslow评级和Page Speed评分已经达到:

luckerme.com Yslow评级截图

luckerme.com Yslow评级截图

luckerme_Page Speed score

luckerme_Page Speed score

 

 

 

 

 

 

 

 

分数应该不算低吧,从图中可以看出还有一项可以优化:Enable compression。开启Gzip压缩网页。稍后找找完美的开启Gzip的方法。

搜索以下内容到本文:

转载请注明:珹觅.网志 | LuckerMe » WordPress优化设置浏览器端缓存:Leverage browser caching

您必须 登录 才能发表评论!

网友最新评论 (9)

  1. 那要是对于大量实次访问的朋友还是没有用的,不过你的方法很好,赞。

  2. 我这个博客已经在用了,却是有效果的。

    Luckerme2011-09-24 08:57
  3. 大哥,请问windows主机怎么解决 使用浏览器缓存 ?

    小波2011-11-01 02:17
    • win下的还不太了解. wordpress还是建议用linux主机.

      Luckerme2011-11-01 09:18
  4. 为什么保存后网页打不开了?

    Perry2012-05-14 18:04
  5. 如何避免首页被缓存呢?