為了提高WEB的性能,我們一方面在編寫程序時使用最優(yōu)化的代碼來解決問題,另一方面,我們還要借助一定的工具來分析和發(fā)現(xiàn)提高web性能的方法,本文介紹了幾款web性能測試工具,供大家參考。
(1)Firebug:
Firebug 是firefox中最為經典的開發(fā)工具,可以監(jiān)控請求頭,響應頭,顯示資源加載瀑布圖:

(2)HttpWatch :
httpwatch 功能類似firebug,可以監(jiān)控請求頭,響應頭,顯示資源加載瀑布圖。但是httpwatch還能顯示GZIP壓縮信息,DNS查詢,TCP鏈接信息,個人在監(jiān)控http請求比較喜歡使用httpwatch,
httpwatch包含IE和firefox插件。不過httpwatch專業(yè)版本是收費的,免費版本有些功能限制。

(3)DynaTrace's Ajax Edition:
dynaTrace 是本人常使用的1個免費工具,該工具不但可以檢測資源加載瀑布圖,而且還能監(jiān)控頁面呈現(xiàn)時間,CPU花銷,JS分析和執(zhí)行時間,CSS解析時間的等。

(4)Speed Tracer:
speed trace 是google chrome的1個插件,speed trace的優(yōu)勢點是用于監(jiān)控JS的解析執(zhí)行時間,還可以監(jiān)控頁面的重繪、回流,這個還是很強的(dynaTrace也能有這個功能)。

注:安裝這個插件,需要安裝 Google Chrome Developer Channel 版本,但是這個鏈接的地址在國內好像打不開,如果打不開,請大家直接到這個地址去下載:
http://www.google.com/chrome/eula.html?extra=devchannel
(5)Page Speed :
Page speed 是基于firebug的1個工具,主要可以對頁面進行評分,總分100分,而且會顯示對各項的改進意見,Page Speed也能檢測到JS的解析時間。

(6)yslow :
yslow跟pge speed一樣是基于 firefox/firebug的插件,功能與page speed類似,對各種影響網站性能的因素進行評分,yslow是yahoo的工具,本人也一直在使用,推薦一下。

(7)webpagetest :
webpagetest 是1個在線進行性能測試的網站,在該網站輸入你的url,就會生成1個url加載的時間瀑布圖,對所有加載的資源(css,js,image等等)列出優(yōu)化的清單,也是非常好用的工具。

新聞熱點
疑難解答