网站性能优化指南：什么使我们的网站变慢？

 

赚钱的办法：

增长的销售和流量

1、-每增加100毫秒载入Amzon.com 会减少销售额的1%.web

2、-当google maps 的主页大小从100KB减少到70-80k时，流量在第一周会增在10%，在随后的3周会增长到25%。

3、-google 已经根据你网站的性能去帮助决定搜索排名。

对于网站性能对流量和销售产生的影响请参见相关文章《web性能心理学》http://www.websiteoptimization.com/speed/tweak/psychology-web-performance/

【性能规则】

减少http request

如何减少http request呢？我们根据上边提到fiddler侦听到的http request 得知，好多次请求是去获取css，javascript，和image的。

首先我们先来看看一个网站：

它是一个普通的网站他可以使用jquery来弹出图片，我们用fiddler 来试试它。

我们可以看出。他包含了一些css文件，也使用了jquery。

让我们看看这个网站的另一个版本。

样子是一模一样的，我就不show图了。

让我们看看fiddler 又帮我们抓到了什么：

js和css文件都变成1个了。我们把上边的js文件合并成1个js文件。这样我们就减少了httprequest的次数。

2.发送尽可能少的数据

我们回到fiddler。查看第一个网站的jquery文件“jquery-1.6.2.js。

它的普通版本是236k。

第一个网站需要加载js的总大小是279k。

而第二个网站需要加载js的大小是50.8k。

我们做了什么呢？只是把js文件里的白空格去掉了，就是对js文件的压缩。

css文件也如此。在最后的product版本上，我们使用合并的文件可以减少httprequest次数。当然在debug的时候我们要保留空行增加代码的可读性。

关于压缩js的工具我们在网上可以找到很多，就不列举。

3.减少交互的次数（适当使用缓存）

让我们刷新一下第二个网站，并观看fiddler。我们可以发现，第二次加载至向服务器获取了default.aspx。

并没有重新加载js、css和图片。因为浏览器已经替我们缓存了那些文件。

后续的章节是

【性能测量】

【基础实施性能】

【前段性能】

【五花八门的性能】