高效能前端開發 Web效能測試工具推薦

高效能前端開發

-web

效能測試工具推薦

firebug

:firebug 是firefox中最為經典的開發工具，可以監控請求頭，響應頭，顯示資源載入瀑布圖：

: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個外掛程式，speedtrace的優勢點是用於監控js的解析執行時間，還可以監控頁面的重繪、回流，這個還是很強的(dynatrace也能有這個功能)。

page speed

:page speed 是基於firebug的1個工具，主要可以對頁面進行評分，總分100分，而且會顯示對各項的改進意見，page speed也能檢測到js的解析時間。

yslow

:yslow跟pge speed一樣是基於 firefoxfirebug的外掛程式，功能與page speed類似，對各種影響**效能的因素進行評分，yslow是yahoo的工具，本人也一直在使用，推薦一下。

webpagetest