• WordPress中YSlow测试的A级攻略

    分类：WordPress | 标签： ,,, | 浏览次数：3,557

    Yslow是Yahoo按照对页面速度提高的一些准则，评测一个网站在速度体验上的优化程度的Firefox插件，并针对每一条给出从F~A的评分以及最终的总分。要测试自己网站在这个标准下的评分等级，你得先使用Firefox，然后安装上Firebug和YSlow插件。我昨天对www.saywp.com弄了一下，居然拿到了A级的分数（97分！），网页的打开速度也象是快了好多。所以也想在这里写下一些感受。

    yslow1 300x272 WordPress中YSlow测试的A级攻略

    运行YSlow后它会详细地给你指引并告知各项需要改进的地方，如上图的红字部分。基本上你对照着每一点检查就是了，总结几点原则就是下面几点：

    减少Http请求

    对于这个，其实就是要求你的网站是一个样式文件，一个Js文件，一个背景图片文件，还有减少外链图片之类的。

    1. 对于只做一个样式文件和一个Js文件，这一点并不难实验，不就是合并吗？在WordPress中，对于一些插件自己添加的东西，建议还是手动把它们合并，或者是条件出现。
    2. 至于一个背景图片这个，可能就要花点时间了。因为一般情况下，除了纯CSS设计的网站，我们不可避免地在主题中使用一些小图标，而这些小图标每一次的出现都是一个Http请求，严重得很。虽然图标文件是很少，但造成多次的Http请求后果却不可不考虑。所以，象现在www.saywp.com上看到的所有图片，我都整合到一张图片中去了，然后就是利用CSS的定位设置显示。（关于这个操作，我会在后一篇文章详细地写下如何实验。）allbgs 212x300 WordPress中YSlow测试的A级攻略
    3. 还有是减少外链请求，比如最常见的FeedSky订阅数链接就给我取消了（那个东西经常链接超时，气人），换成本地的图片。不得不提的是，WordPress中评论部份的访客头像的请求问题。如果留言人数多了，一大堆的外引Http头像请求，基本上你的评分会被降低至少一个级别。还好Shawn同学提供了一个缓存 Gravatar 至本地服务器的办法，很好地解决了头像对网速还有评分的影响，建议大家也这样操作，效果明显。

    基本上完成上面的几项更改，你会看到网站的Http请求变得很少！象是我的只有5次和压缩后的1次！5次中分别是：1次样式文件，1次整合的Js文件，1次首页，1次背景图片，还有一次是Google统计用的Js文件。Super！

    yslow2 300x276 WordPress中YSlow测试的A级攻略

    GZip压缩站内文件

    估计这个操作对大家并不陌生，也已经有很多文章提及到了。

    对网站中的一个样式文件和一个Js文件进行压缩的方法，可以参见水煮鱼的再谈 gzip这篇文章。

    然后，我们还需要到GIDZipTest检测并确认网站有否开启GZip压缩功能。这个很重要，因为打从WordPress 2.5后它并不是默认开启GZip的！如果你的网站还没有把它开启，方法参见浅文的博客 » Blog Archive » wordpress 2.5 及以上版本中开启Gzip，文中提及了三种方法，总有一种可以为你实现。

    为网站文件添加期限

    评级中需要你对网站文件，如样式文件，Js文件还有图像文件添加期限。这样浏览器会根据期限自动更新，对于这个，操作方法就是打开.htaccess文件，添加如下项：

    ExpiresActive On
    ExpiresDefault "access plus 1 month"
    ExpiresByType imgs/gif A2592000
    ExpiresByType imgs/png A2592000
    ExpiresByType imgs/jpg A2592000
    ExpiresByType imgs/jpeg A2592000
    ExpiresByType application/javascript A864000
    ExpiresByType application/x-javascript A864000
    ExpiresByType text/javascript A864000

    这样在评级中这一项的要求轻松通过！

    上面的几点虽然不是全部，但对于WordPress用户来说，这几点却是最重要的更改，所以我把它们写出来。如果你在上述的更改后还不满意，建议继续阅读对应Yslow的网站速度优化方法略谈这篇文章，定能OK ;)

    或者收藏到 Delicious。建议通过 RSS 订阅本站更新。你还可以 follow me 谢谢！ — by Jinwen @ 2008/12/22 11:46