浏览器第一次绘制页面时间点是根据什么?

https://developers.google.cn/...

根绝上面的文章,浏览器绘制页面大致分下面几步:

  1. 处理 HTML 标记,构建 DOM 树。

  2. 处理 CSS 标记,构建 CSSOM 树。

  3. 将 DOM 树和 CSSOM 树融合成渲染树。

  4. 根据渲染树来布局,计算每个节点的几何信息。

  5. 在屏幕上绘制各个节点。

并且根据https://developers.google.cn/...里所说呈现树是domContentLoaded后构建的。

domContentLoaded:标记 DOM 准备就绪并且没有样式表阻碍 JavaScript 执行的时间点 - 意味着我们可以开始构建呈现树了。

但是问题来了,我发现很多网页都是domContentLoaded事件之前已经开始进行了第一次绘制。也就是呈现树(渲染树)没有构建完成时。

所以我的问题是:domContentLoaded之前,也就是呈现树都没有构建完成之前,就开始绘制是什么情况?

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题