网站性能指南（二）：网站性能测量神器

上一章我讲了很多关于Fiddler的东西。其实有很多检测工具可以使用，如 Fiddler 、chrome、firebug、Network Monitor、IIS 和一些第三方的service。

首先我们还是先继续回顾一下fiddler的功能，

【fiddler】

1.追踪工具，尤其针对Http

2.展示完成的request和response

3.可以保存session存档

在提高我网站性能之前，我先把网站相关信息保存起来。等我优化之后，我可以拿出来做对比。哦，原来我的站点性能提高了这么多！

4.网页加载耗时时间轴

5.统计。还是以微软的网站为例：

我们可以很清楚的看到加载了哪些类型的文件，已经文件的大小。

【Chrome 浏览器】

Chrome 是google 开发的一个非常适合开发人员使用的浏览器。它同样可以测量一个网站的性能，

现在一个chrome浏览器，并且按F12。你可以看到很多开发人员选项。我们可以看到以下工具：

让我们试试他们都能干吗，功能可能一带而过，因为我们这节只关注性能相关的功能。

element ：可以让我们观察当前页面包含哪些html元素。

Resources：引用哪些资源。

network 和timeline：功能类似fiddler。是关于http request 、response和timeline情况

profiles：可以收集三种profile。比如javascript 占用多少cpu。大家不防自己试试。

Audits 就更酷了。它可以为你的站点提出优化建议。就像下图。他提供了一些建议。开启gzip压缩，使用浏览器缓存移除没有使用到的css引用等。这个页面就是我写博客时候用的。所以，咱们的院子还可以提高性能：）

【Firebug】

由于篇幅有限，我这里就不详细介绍了，功能上和chrome差不多。下载一个firefox浏览器之后，安装firebug插件就可以使用了。呼出也是F12（让我想起了小时候的传奇外挂。）

配上个图：

【Microsoft Network Monitor】

1.通用的网络追踪工具，适用于多种协议。http、tcp/IP等等。

2.网络适配器的钩子。

3.在多个等级去看网络的结构。

4.对于特定的协议、ip地址等应用不同过滤器。