极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。

# css 加载会阻塞 DOM 树的解析和渲染吗

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 672 (opens new window)

TODO

Author

回答者: hwb2017 (opens new window)

css 加载会直接影响网页的渲染,因为只有 css 加载完毕,构建完 CSSOM 后,渲染树(Render Tree)才会构建,然后渲染成位图

如果 html 中有加载 script 的话,还会间接影响 DOM 树的解析,因为 javascript 的下载、解析和执行和阻塞 DOM 树的解析,而 javascript 中有可能访问 CSSOM,比如 Element.getBoundingClientRect,因此 CSSOM 构建完毕以后才会开始 javascript 的执行,间接阻塞 dom 树的解析

Last Updated: 11/27/2021, 6:11:48 PM