强大的网页性能测试工具--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
image 
 
具体可查看这里:http://code.google.com/intl/zh-CN/webtoolkit/speedtracer/get-started.html
 
插件安装地址:https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl?hl=zh-cn
 
以下截图为实际测试google地图的数据:
image 
 
image 
 
image 

 

 

 

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

image

 

 

image 

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

 

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

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

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

posted @ 2010-12-14 11:47  meteoric_cry  阅读(13300)  评论(0编辑  收藏  举报