高性能WEB开发(6) - web性能測试工具推荐

   WEB性能測试工具主要分为三种。一种是測试页面资源载入速度的，一种是測试页面载入完成后页面呈现、JS操做速度的，另外一种是总体上对页面进行评价分析，如下分别对这些工具进行介绍，假设谁有更好的工具也请一块儿分享下。

Firebug :

    Firebug 是firefox中最为经典的开发工具，可以监控请求头。响应头，显示资源载入瀑布图：

    

HttpWatch :
   httpwatch 功能相似firebug，可以监控请求头。响应头，显示资源载入瀑布图。

但是httpwatch还能显示GZIP压缩信息，DNS查询，TCP连接信息，我的在监控http请求比較喜欢使用httpwatch。

httpwatch包括IE和firefox插件。

只是httpwatch专业版本号是收费的，免费版本号有些功能限制。

  

DynaTrace's Ajax Edition：
   dynaTrace 是本人常使用的1个免费工具，该工具不但可以检測资源载入瀑布图。而且还能监控页面呈现时间。CPU花销，JS分析和运行时间，CSS解析时间的等。

   

Speed Tracer:

   speed trace 是google chrome的1个插件，speed trace的优点点是用于监控JS的解析运行时间，还可以监控页面的重绘、回流，这个仍是很是强的(dynaTrace也能有这个功能)。

   注：安装这个插件，需要安装  Google Chrome Developer Channel 版本号，但是这个连接的地址在国内好像打不开，假设打不开，请你们直接到这个地址去下载：          

          http://www.google.com/chrome/eula.html?extra=devchannel

Page Speed :
   Page speed 是基于firebug的1个工具。主要可以对页面进行评分，总分100分，而且会显示对各项的改进意见，Page Speed也能检測到JS的解析时间。

   

yslow :
     yslow跟pge speed同样是基于 firefox\firebug的插件，功能与page speed相似。对各类影响站点性能的因素进行评分。yslow是yahoo的工具，本人也一直在使用。推荐一下。

   

webpagetest : 
     webpagetest 是1个在线进行性能測试的站点。在该站点输入你的url，就会生成1个url载入的时间瀑布图，对所有载入的资源(css,js,image等等)列出优化的清单，也是很好用的工具。