search

shfshanyue / Daily-Question

互联网大厂内推及大厂面经整理，并且每天一道面试题推送。每天五分钟，半年大厂中
https://q.shanyue.tech
4.92k stars 508 forks source link

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

Open shfshanyue opened 3 years ago

shfshanyue commented 3 years ago

TODO

hwb2017 commented 2 years ago

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

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