爲什麼我的網站需要這麼多時間來渲染？

Question

當緩存，我的起始網頁只需要加載一個元素（「根文件」） - 但是它需要一些時間，直到它完全呈現：

alt text http://www.walkner.biz/_temp/firebug_net.png

以下是事物的元素通過加載異步JavaScript的。

兩個問題：

1. 爲何要加載根文件直到DomContentLoaded事件使「長」？
2. 是否有意義異步加載一些不太重要的東西？儘可能早地進行DmoContentLoaded事件很重要嗎？不幸的是，關於該事件的文檔不多，但我不認爲這是顯示頁面的時刻，是嗎？

Answer 1

我不知道YSlow的是要去幫助他，將下載頁面中的所有元素，並在它上面運行性能測試，而swalkner的問題是，它正在採取多久，當所有其他渲染HTML頁面本身元素（圖像，CSS等）被緩存。

至少這就是我認爲他在說的。

在原來的問題中，你說，「下面的元素是通過JavaScript加載異步的東西。」但沒有列出任何東西。什麼是加載？

我會建議檢查第一次使用Javascript錯誤。然後嘗試逐個刪除一些異步加載調用，直到遇到瓶頸。事實上，全部刪除它們，下載的HTML需要多長時間才能呈現？花點時間，從那裏開始工作。

您的HTML文檔非常大嗎？它是否使用了很多可能在CSS文件中的內聯樣式？

也許如果你發佈了一個鏈接到網站，那麼人們會看看它。