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

上一章我讲了很多关于Fiddler的东西。其实有很多检测工具可以使用,如 Fiddler 、chrome、firebug、Network Monitor、IIS 和一些第三方的service。首先我们还是先继续回顾一下fiddler的功能【fiddler】追踪工具,尤其针对Http展示完成的request和response可以保存session存档在提高我网站性能之前,我先把网站相关信息保存起来。等我优化之后,我可以拿出来做对比。哦,原来我的站点性能提高了这么多!网页加载耗时时间轴统计。还是以微软的网站为例:我们可以很清楚的看到加载了哪些类型的文件,已经文件的大小。【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】通用的网络追踪工具,适用于多种协议。http、tcp/IP等等。网络适配器的钩子。在多个等级去看网络的结构。对于特定的协议、ip地址等应用不同过滤器。以下是获得这个免费工具的地址:http://www.kuaisubeian.org