强大的网页性能测试工具--Speed Tracer

Speed Tracer由google开发的一款测试网页性能分析插件<而且开源>  (IE下推荐dynaTrace)，包含：

* Javascript parsing and execution
* Layout
* CSS style recalculation and selector matching
* DOM Event handling
* Network resource loading
* Timer fires
* XMLHttpRequest callbacks
* Painting
* and more ..

安装要求：

1、只适用于 Google Chrome Developer版本

2、在Chrome启动命令里需要设置  --enable-extension-timeline-api

具体可查看这里：http://code.google.com/intl/zh-CN/webtoolkit/speedtracer/get-started.html

插件安装地址：https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl?hl=zh-cn

以下截图为实际测试google地图的数据：

 

 

 

IE中推荐使用dynaTrace

这里是百度文库关于dynaTrace ajax的教程

http://wenku.baidu.com/view/565afd1cc281e53a5802ff08.html

 

一个小视频地址：http://ajax.dynatrace.com/pages/learn/teaser.aspx

 

图就不截了，更多的搜索引擎直接搜索出来大把大把的…

 

推荐看这篇<安装篇>：

http://blog.dynatrace.com/2009/11/17/a-step-by-step-guide-to-dynatrace-ajax-edition-available-today-for-public-download/

 

 

 

最后再推荐两个检测IE内存泄露问题的工具：sIEve、IEJSLeaksDetector

 

 

 

不过，我使用后的感觉下来，还是IEJSLeaksDetector要好使一些，因为它只需要点击”Start”和“stop”就可以自动帮我显示“有可能”产生内存泄露的代码，点击就直接定位有问题的代码，这样方便很多了。

 

其它工具也是很强大的，比如说Firebug、YSlow、HttpWatch、Fiddler…

还有一个在线测试网页性能的站点：http://www.webpagetest.org/

相信还有更多、更好的工具，但工具毕竟是工具，上面推荐的这里自己也并不是一个个全部都经常用，关键是找到适合自己的工具、能快速定位并解决问题就是最好的工具了