不同的图层渲染互不影响，所以对于某些频繁需要渲染的建议单独生成一个新图层，提高性能。A: 不是的，渲染树不包括 head 和隐藏元素（更少的原因），大段文本的每一个行都是独立节点，每一个节点都有对应的 css 属性（更多的原因）当css文件放在中时，虽然css解析也会阻塞后续dom的渲染，但是在解析css的同时也在解析dom，所以等到css解析完毕就会逐步的渲染页面了。A:对于一个HTML文档来说，不管是内联还是外链的css，都会阻碍后续的dom渲染，但是不会阻碍后续dom的解析。
浏览器渲染机制
一、浏览器如何渲染网页
浏览器的渲染机制可以分为五步：
第一步：解析html，构建DOM树
第二步：解析CSS，生成CSSOM树
第三步：合并dom树和css规则树，生成render渲染树
第四步：根据render渲染树进行布局
第五步：调用GPU对渲染树进行绘制，合成图层，显示在屏幕上\
其中第四步和第五步合起来，就是我们常常说的浏览器渲染，并且第四步和第五步是浏览器渲染最耗时的部分（主要优化点）
关于渲染：
浏览器在生成网页的过程中，至少渲染一次
在用户浏览的过程中，还会不断重新渲染 （render = n+1）
在构建 CSSOM 树时，会阻塞渲染，直至 CSSOM树构建完成。并且构建 CSSOM 树是一个十分消耗性能的过程，所以应该尽量保证层级扁平，减少过度层叠，越是具体的 CSS 选择器，执行速度越慢
当 HTML 解析到 script 标签时，会暂停构建 DOM，完成后才会从暂停的地方重新开始。也就是说，如果你想首屏渲染的越快，就越不应该在首屏就加载 JS 文件。并且CSS也会影响 JS 的执行，只有当解析完样式表才会执行 JS，所以也可以认为这种情况下，CSS 也会暂停构建 DOM
浏览器渲染的五个阶段
1.解析html标
最低0.47元/天 解锁文章
1261
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
