延遲發射DOMContent

Question

我想改善我的網站響應時間，發現最後一次文件加載（3.11秒）和解除DOMContent然後加載事件（4.72秒）之間存在延遲。圖片添加。

看來，這可能是由於JS處理，我把它放在頁腳而不是頭部。

我想知道如何分析此延遲並將其插入。

Answer 1

我的2美分

https://developers.google.com/chrome-developer-tools/docs/timeline

而在DOMContentLoaded和Load事件標記部分：

https://developers.google.com/chrome-developer-tools/docs/timeline-images/image28.png 時間軸註釋用藍色和每個記錄紅線那 分別指示何時DOMContentLoaded和加載事件是由瀏覽器分派的 。當所有頁面的DOM內容已被加載和解析時，DOMContentLoaded事件被觸發。負載 事件被觸發一次文檔的所有資源（圖片和CSS 文件，等等）已滿載

你應該Concat的所有JavaScript文件中的一個JavaScript文件，並在所有的CSS文件一個css文件。你也應該gzip（壓縮）你的文件。

嘗試gruntjs（基於nodejs）或Apache Ant（基於java），做一些自動大頭貼（縮小，壓縮，concat等）。其他自動任務軟件存在。