05-页面渲染性能优化

文档摘要

title: 05-页面渲染性能优化 publish: true 浏览器渲染过程浏览器解析 HTML，生成 DOM Tree（Parse HTML）。浏览器解析 CSS，生成 CSSOM（CSS Object Model）Tree。 JavaScript 会通过 DOM API 和 CSSOM API 来操作 DOM Tree 和 CSS Rule Tree，浏览器将 DOM Tree 和 CSSOM Tree 合成渲染树（Render Tree）。布局（Layout）：根据生成的 Render Tree，进行回流，以计算每个节点的几何信息（位置、大小、字体样式等等）。绘制（Painting）：根据渲染树和回流得到的几何信息，得到每个节点的绝对像素。