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