网站性能优化实践 减少加载时间提高用户体验

最近去听了D2 论坛，更加深刻体会到了网站性能对于用户体验的重要性。

慢500ms =Google用户访问量降低20%

慢400ms=Yahoo！ 用户访问量降低5-9%

慢100ms=Amazon销售额降低1%

散会后，不禁想看看自己网站的性能如何。自从把网站搬家到国外，还真有点担心。通过Google网站管理员工具查看网站性能，不禁大吃一惊：您网站的平均网页载入时间为 20.2 秒。该站比99.7%的网站慢。

看来要动手优化一下了。先在自己的Firefox 浏览器里安装了网站性能检测工具Google Page Speed和Yslow。首先用YSlow来检测一下访问网站首页的大小。总共257.3KB。

再用Google Page Speed 看看有什么可以改进的。从发现的问题来看，还是有不少的可以优化的地方。

由于技术能力和时间都很有限，只能进行简单的优化。我做了以下一些优化工作：

一、压缩样式图片

我并没有用什么高深的压缩工具，只是用Fireworks CS4批量处理了图片（没有改变文件类型），原来网站的主题的所有样式图片有195KB， 优化后就减少了54.94KB。而且优化后的图片，肉眼根本看不出区别（至少我是没看出来）。

二、启动gzip 压缩

由于我使用的虚拟主机，并没有配置服务器开启gzip的权限。我只能依靠Wordpress 的插件 GZIP Output。首页页面大小（Html/Text）减少了18.9KB。

但是，GZIP Output 只能对于php 文件进行压缩，对于大部头的CSS、JS 文件都无法处理。我又下载安装了WP CSS 和WP JS 插件想分别对CSS 和 JS 文件进行压缩。不过，WP JS这个插件我没搞懂怎么用，WP CSS 倒是应用成功了。网站主题样式表文件从原来的23.5KB 变成了8.1KB，单就首页来说又减少了15.4KB。

三、减少不必要的页面元素

从页面来看载入的js 来看，我有两个Js是用来做网站访问统计的。一个是google analytics，另一个是piwik。权衡利弊我去掉了piwik的统计代码，首页大小又减少了8.3KB。