強大的網頁性能測試工具--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/

相信還有更多、更好的工具,但工具畢竟是工具,上面推薦的這裏自己也並不是一個個全部都經常用,關鍵是找到適合自己的工具、能快速定位並解決問題就是最好的工具了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章