jquery - 延迟触发 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 和加载事件的发送时间通过浏览器。DOMContentLoaded 事件在页面的所有 DOM 内容都已加载和解析后触发。一旦文档的所有资源（图像和 CSS 文件等）已完全加载，就会触发 load 事件

您应该将所有 javascript 文件合并到一个 javascript 文件中，并将所有 css 文件合并到一个 css 文件中。您还应该 gzip（压缩）您的文件。

尝试使用 gruntjs（基于 nodejs）或Apache Ant（基于 java）来执行一些自动大头钉（缩小、压缩、concat 等）。其他自动任务软件存在。