高性能WEB開發之Web性能測試工具推薦

WEB性能測試工具主要分爲三種,一種是測試頁面資源加載速度的,一種是測試頁面加載完畢後頁面呈現、JS操做速度的,還有一種是整體上對頁面進行評價分析,下面分別對這些工具進行介紹,若是誰有更好的工具也請一塊兒分享下。

Firebug: css

Firebug 是firefox中最爲經典的開發工具,能夠監控請求頭,響應頭,顯示資源加載瀑布圖: html

web性能測試工具推薦

HttpWatch : web

httpwatch 功能相似firebug,能夠監控請求頭,響應頭,顯示資源加載瀑布圖。可是httpwatch還能顯示GZIP壓縮信息,DNS查詢,TCP連接信息,我的在監控http請求比較喜歡使用httpwatch, ajax

httpwatch包含IE和firefox插件。不過httpwatch專業版本是收費的,免費版本有些功能限制。 chrome

Web性能測試工具推薦

DynaTrace's Ajax Edition工具

dynaTrace 是本人常使用的1個免費工具,該工具不但能夠檢測資源加載瀑布圖,並且還能監控頁面呈現時間,CPU花銷,JS分析和執行時間,CSS解析時間的等。 性能

Web性能測試工具推薦

Speed Tracer: 開發工具

speed trace 是google chrome的1個插件,speed trace的優點點是用於監控JS的解析執行時間,還能夠監控頁面的重繪、迴流,這個仍是很強的(dynaTrace也能有這個功能)。 測試

 Web性能測試工具推薦

注:安裝這個插件,須要安裝 Google Chrome Developer Channel 版本,可是這個連接的地址在國內好像打不開,若是打不開,請你們直接到這個地址去下載: 優化

http://www.google.com/chrome/eula.html?extra=devchannel

Page Speed :

Page speed 是基於firebug的1個工具,主要能夠對頁面進行評分,總分100分,並且會顯示對各項的改進意見,Page Speed也能檢測到JS的解析時間。

Web性能測試工具推薦

yslow :

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

Web性能測試工具推薦

webpagetest :

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

Web性能測試工具推薦 

相關文章
相關標籤/搜索