DomContentLoaded触发速度非常快

时间:2015-01-23 21:03:05

标签: javascript jquery html

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

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

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

2 个答案:

答案 0 :(得分:1)

它在documentation

  

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

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

答案 1 :(得分:0)

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

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

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