延迟解雇DOMContent

Question

我正在尝试改善我的网站响应时间，发现最后一次文件加载（3.11秒）与DOMContent的触发和加载事件（4.72秒）之间存在延迟。 pic补充说。

似乎可能是由于JS处理，我将其放在页脚而不是头部。

我想知道如何分析此延迟并将其插入。

Answer 1

我的2美分

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

在 DOMContentLoaded和加载事件标记部分：

  

https://developers.google.com/chrome-developer-tools/docs/timeline-images/image28.png   时间轴用蓝色和红色线条标注每个记录   分别表示DOMContentLoaded和load事件的时间   由浏览器发送。 DOMContentLoaded事件在触发时触发   所有页面的DOM内容都已加载并解析。负载   所有文档的资源（图像和CSS）都会触发事件   文件等已经完全加载

您应该将所有javascript文件连接到一个javascript文件中，并将所有css文件连接到一个css文件中。你也应该gzip（压缩）你的文件。

尝试gruntjs（基于nodejs）或Apache Ant（基于java），做一些自动大头钉（缩小，压缩，连接等）。其他自动任务软件存在。