使用Google Page Speed来分析改进页面的载入时间

Google发布PageSpeed有半年多了，DavidYin一直在使用，是个非常好的工具。

这个工具顾名思义就是分析页面速度的，也就是说载入时间，当然这个是越快越好。

在Google Webmasters里的Lab里也有这个建议，当然那里的数字还是不是最为准确的，请安装Page Speed到你的Firefox浏览器中来使用最为准确。

今天就想简单的说一说本站在系统升级后，重建了模板之后做的针对页面速度的优化。

首先用Page Speed测了一下，记过是84分，有几个需要改进的点它都给列出来了。

大概的看了一下，个人可以做得到有下面几点。
1）尽量合并CSS文件，最好只用一个；
2）图片的缩减，压缩；
3）CSS，JS文件的minify压缩
4）图片等使用不需要cookie的域名

我的做法是这样的，首先把CSS文件合并为两个，合并成一个也是可能的，但以后修改会很麻烦，所以折中一下，从四个合并成两个。

然后使用YUI Compressor压缩CSS文件和JS文件，上面提到的两个CSS文件加上一个js文件，一共是61KB，压缩之后是40KB。
当然本站还支持gzip压缩，用户访问时，获得的是经过gzip的文件，更小，三个文件一共11KB。

对于某一两个图片文件，缩小尺寸后，做了压缩输出，文件大小也有所减少。

当然图片等都放在了一个无需cookie的域名之下，减少了Cookie的需求。

接下来再作一次Page Speed的测试，结果是93分。有相当的改进。

还有一些是外部资源，不再DavidYin的控制之下，只能随他去了。

当然我也用了YSlow来做了测试，首页是99分，A，相当高，很满意。