使用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,相当高,很满意。


作者: David Yin
原载: SEO 网站优化推广
版权所有。转载时必须以链接形式注明作者和及本声明。