高性能WEB開發(6) - web性能測試工具推薦

   WEB性能測試工具主要分爲三種。一種是測試頁面資源載入速度的，一種是測試頁面載入完成後頁面呈現、JS操做速度的，另外一種是總體上對頁面進行評價分析，如下分別對這些工具進行介紹，假設誰有更好的工具也請一塊兒分享下。

Firebug :

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

    

HttpWatch :
   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個插件，speed trace的優點點是用於監控JS的解析運行時間，還可以監控頁面的重繪、迴流，這個仍是很是強的(dynaTrace也能有這個功能)。

   注：安裝這個插件，需要安裝  Google Chrome Developer Channel 版本號，但是這個連接的地址在國內好像打不開，假設打不開，請你們直接到這個地址去下載：          

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

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

   

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

   

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