css加载解析会不会阻塞dom树渲染?

css加载解析会不会阻塞dom树渲染?下面本篇文章给大家分析一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

这里说的是头部引入css的情况

首先,我们都知道:css是由单独的下载线程异步下载的。

咱们先分析下css加载会影响什么,刚才的问题太笼统了,咱们需要细化一下。

会影响什么呢? 一个就是DOM树解析,一个就是构建渲染树【render树】。

假设都不影响。

这个时候你加载css的时候,很可能会修改下面DOM节点的样式,

如果css加载不阻塞render树渲染的话,那么当css加载完之后,

render树可能又得重新重绘或者回流了,这就造成了一些没有必要的损耗。所以这个假设是不成立得。

另外不影响dom树的解析和构建,本来dom树的解析和构建这一步和css还没有关系,所以根本谈不上影响吧。而且是两个不同的线程,各忙各的呗。

所以干脆就先把DOM树的结构先解析完,把可以做的工作做完,然后等你css加载完之后,

在根据最终的样式来渲染render树,这种做法性能方面确实会比较好一点。

所以我们得出结论

css加载不会阻塞DOM树解析(异步加载时DOM照常构建)

但会阻塞render树渲染(渲染时需等css加载完毕,因为render树需要css信息)

这可能也就是浏览器的一种优化机制。

更多前端开发知识,请查阅 HTML中文网 !!

以上就是css加载解析会不会阻塞dom树渲染?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏