jquery - 延迟触发 DOMContent

Question

我正在尝试改进我的站点响应时间，但发现在最后一次文件加载(3.11 秒)和触发 DOMContent 以及加载事件(4.72 秒)之间存在延迟。图片已添加。

看来可能是JS处理的缘故，我把它放在了footer而不是head。

我想知道如何分析这个延迟并插入它。

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 The Timeline annotates each recording with a blue and a red line that indicate, respectively, when the DOMContentLoaded and load events were dispatched by the browser. The DOMContentLoaded event is fired when all of the page’s DOM content has been loaded and parsed. The load event is fired once all of the document’s resources (images and CSS files, and so forth) have been fully loaded

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

尝试 gruntjs (基于 nodejs)，或 Apache Ant (基于 java)，做一些自动处理(缩小、压缩、连接等)。存在其他自动任务软件。