让网站访问速度更快的方法

最近去听了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。

 

另外，网站页脚的有个图片没什么作用。我干脆给去掉了，首页大小又减少5.66kb,。这样做不仅可以减少页面大小，还可以减少不必要的http请求。

 

总结一下

真是不优化不知道，一优化吓一跳。优化后首页大小从原来的257.3kb变成了154.0kb, 总优化数值为103.3kb,比原来页面优化了40.15%。首页的http请求从原来的25个变为22个。具体优化明细如下：

 

经过了这一番优化，到底会对页面载入时间产生什么效果呢。让我们使用web page analyzer试试看，它可以模拟用户在不同网络情况下访问页面载入时间。对比一下优化前后的情况，效果还是相当不错的。主流带宽的用户首页载入时间，从20.37秒优化到只有不到3秒。

 

以上的优化工作其实不只会对首页有优化效果。因为整个网站用的是一个主题样式，其他页面也都得到了优化。至于整个网站的优化性能，我们还用文章开头用的google网站管理员工具来检验一下。到了一月份再通过它查看网站性能，终于，得到了满意的结果。“您网站的平均网页载入时间为 2.6 秒（更新时间：2010-1-9）。 该网站比 57% 的网站快。”