有什麼工具可用於分析瀏覽器處理頁面的時間

Question

我們正在調整我們的網站，並將主頁面內容降低到可敬的65ms，以便firefox抓住它（從請求到完成接收HTML）。

緩存意味着通常沒有其他內容需要從服務器請求（在初始頁面視圖之後）。

但是，firefox花費另外400毫秒，直到onload火。我認爲這是firefox解析我們的html，從緩存中獲取圖像，css和js，解析css和js並渲染頁面的時間。

所以，我的問題是，我怎麼鑽進這400毫秒的死時間，並找出它的大部分花費？例如。如果我知道css解析需要很長時間，我可以檢查並根據需要進行解析。

我沒有真正有足夠的工具來完成這項工作。有什麼建議麼？

更新：我知道資源（如圖像等）何時加載。這是另一次，我試圖看看資源負載之後。 YSlow對這個領域沒有幫助。

Answer 1

除了由Tim S Van Haren提及的螢火蟲和yslow，谷歌也有Page speed，也是一個螢火蟲附加組件。

---

編輯：克羅克福德建議在他的關於JavaScript的使用Dynatrace的IE瀏覽器，或在Chrome開發者工具會談。顯然，火狐不具備的精度該級別的擴展還，但由於通話

它可能已更改，並且也this previous thread＃2

Answer 2

Firebug與YSlow加載項是用於查看哪些資源加載時間最長的工具。

Answer 3

您可能想試一試Fiddler。您可以觀看來自多個瀏覽器的HTTP流量，並查看頁面資源的加載時間。