浏览器渲染路径

解析、样式计算、布局、绘制和合成共同构成渲染路径，性能优化要定位具体阶段。

核心说明

浏览器渲染大致经过解析、样式计算、布局、绘制和合成。性能问题应该先定位发生在哪个阶段，再选择减少脚本、样式、布局或绘制工作的方案。

关键点

• 强制同步布局通常来自交替读写几何属性，批量读写可以减少布局抖动。
• 复杂阴影、滤镜和大面积重绘可能增加绘制与合成成本。
• Performance 面板的火焰图和截图轨道比主观感觉更适合定位瓶颈。