六、“重排”“重绘”和“合成”

目录 1. 更新了元素的几何属性（重排） 2. 更新元素的绘制属性（重绘） 3. 直接合成阶段 如何减少重排与重绘 1. 更新了元素的几何属性（重排） 更新元素的几何属性 从上图可以看出，如果你通过 JavaScript 或者 CSS 修改元素的几何位置属性，例如改变元素的宽度、高度等，那么浏览器会触发重新布局，解析之后的一系列子阶段，这个过程就叫重排。无疑，重排需要更新完整的渲染流水线，所以开销

>>阅读原文<<