DomContentLoaded触发速度非常快

Question

我一直在关注www.quicksprout.com/blog/，在找到几个文件而不是等待所有图片后，我还无法弄清楚DomContentLoaded是如何触发的其他一切。 如果您使用WebPageTest查看它，您可以看到它将在500ms到750ms之后触发，在页面的其余部分加载之前。

我查看了javascript和HTML，但我不知道他们是如何设法优化他们的网站到那个程度的。浏览器是否完全解释了DOM？

[编辑]有些人认为DOM不会等待Javascript或其他任何东西。大。那么是什么导致渲染实际开始？什么阻止DOM？因为明显较重的页面会在以后呈现。

Answer 1

它在documentation

中

  

文档发布时会触发DOMContentLoaded事件   完全加载和解析，无需等待样式表，图像，   和完成加载的子帧

换句话说，只要DOM准备就绪，即元素可用，事件就会触发，它不会等待加载文件，图像等，这将是window.onload

Answer 2

DomContentLoaded背后的概念是，有一个事件在加载完整的Dom时触发（html结构）。

此时，每个访问元素的Javascript命令都不会再失败。例如，你不需要图像用img-tag做某事。

如果您想等到整页完整加载，请改用onload。