← 返回首页

浏览器渲染流水线速记：Layout 到 Composite

2026-02-19 · 浏览器原理 · 阅读时长 6 分钟

前端性能优化的底层逻辑就是减少高成本渲染阶段触发次数。常见流水线是 Style → Layout → Paint → Composite。

动画尽量使用 transform 和 opacity，避免触发布局与重绘；同时避免“写样式后立刻读尺寸”引发强制同步布局。

理解流水线后，性能问题会从“玄学”变成可验证的工程问题。