1.Firebug:
Firebug 是firefox中最為經典的開發工具，它集HTML查看和編輯、Javascript控制台、網絡狀況監視器於一體，是開發JavaScript、CSS、HTML和Ajax的得力助手。可以監控請求頭，響應頭，顯示資源加載瀑布圖：
2.HttpWatch :
httpwatch 功能類似firebug，可以監控請求頭，響應頭，顯示資源加載瀑布圖。但是httpwatch還能顯示GZIP壓縮信息，DNS查詢，TCP鏈接信息，個人在監控http請求比較喜歡使用httpwatch，每一個HTTP記錄都可以詳細的分析其 Cookies、消息頭、字符查詢等信息。支持HTTPS及分析報告輸出為XML、CSV等格式
3.DynaTrace's Ajax Edition：
dynaTrace 是本人常使用的1個免費工具，該工具不但可以檢測資源加載瀑布圖，而且還能監控頁面呈現時間，CPU花銷，JS分析和執行時間，CSS解析時間的等。
4.Speed Tracer:
speed trace 是google chrome的1個插件，speed trace的優勢點是用於監控JS的解析執行時間，還可以監控頁面的重繪、回流。
注：安裝這個插件，需要安裝 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的工具，可以分析任何網站，並為每一個規則產生一個整體報告，如果頁面可以進行優化，則YSlow會列出具體的修改意見。（可以對網站的頁面進行分析，並告訴你為了提高網站性能，如何基於某些規則而進行優化）本人也一直在使用，推薦一下。
7.webpagetest :
webpagetest 是1個在線進行性能測試的網站，在該網站輸入你的url，就會生成1個url加載的時間瀑布圖，對所有加載的資源(css,js,image等等)列出優化的清單，也是非常好用的工具。原文地址：