【概不雅】

1、什么使我们的网站变慢？

2、Http 协议

3、通过更好的性能省钱和赚钱

4、性能法则

【什么使网站变慢】

对年夜大都现代的网站，仅唯一10%-20%的响应时间是用于生成和加载html document的。

那么，其他的时间用于加载什么呢？确切的说，如下：

1、css

2、javascript（jquery，plugin 等等）

3、images

让我们使用一个东西去看看-Fiddler （.fiddler2/fiddler2/）

首先打开fiddler，然后使用阅读器拜候 microsoft

这时候我们可以看到fiddler监控到客户端与微软网站办事器之间的交互情况如下图：

注意fiddler 右边的选项卡，有一个timeline。载入default.asp话费了年夜概1s的时间。让我们全选这些行。再去看看timeline，如下图

这时候我们按照数据便可以证明前边的不雅点，对某个网站来讲，80%的时间是用于加载css/JS/image的。

【Http 协议】

对http协议的理解是很是重要的，因为它定义了web 阅读器和 web 办事器如何交互。

1、Hypertext Transfer Protocol

对这点来讲，最重要的是text，它不是基于二进制的协议，而是基于text的。

2、协议是1997年1月在 RFC（Http1.1）定义的。

3、请求/相应 模式。客户端阅读器发送特定的request，办事器返回response

4、Header 和body。 每个request/response 有header和body

以下是 http协议的内容。我十分推荐你们阅读它：http://tinyurl/8395lq

HttpRequest

我们使用fiddler不雅察一下我们拜候微软的httprequest。

选中第一个记实。右边选项卡依次-》Inspecotrs-》Raw

我们简单阐发，

Get指明了url和http的版本。

host指明了host的地址。

accept-language指明了阅读器使用的语言

accept-Encoding指明了是否可使用对阅读器到办事器之间的数据进行压缩。

HttpResponse

下面我们来看看适才我们请求的响应。

我在fiddler中选中的是第12行数据，选中右边选项卡-》Inspecotrs-》Raw

Http/1/1 200 OK。是奉告年夜家，一切运行杰出。 200是一种状态，如果遇到问题可能会是404，500等。

其他细节，年夜家可以自己查一下资料。

【通过更好的性能省钱和赚钱】

年夜家都可以明白。提升网站的性能，可让用户加倍满意。而这也能让我们省钱和赚钱。

省钱的体例：

1、使用更小的带宽

2、更少的办事器数量

赚钱的体例：

增长的销售和流量

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

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

3、-谷歌 已经按照你网站的性能去帮忙决定搜索排名。

对网站性能对流量和销售产生的影响请拜见相关文章《web性能心理学》optimization/speed/tweak/psychology-web-performance/

【性能法则】

削减http request

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

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

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

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

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

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

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