请问老师实际开发中这样做的衡量标准

来源：3-4 复合线程与图层【深入渲染流水线的最后一站】

hy_wang

2021-02-02

老师您在课程中讲到当使用这些属性的时候，加上一些提取图层的属性比如will-change。将这些元素提取到单独的图层，那么这些元素的改变就并不会触发回流和重绘。

我有一些疑惑，实际开发中当我们使用translate代替了top的时候不是已经不会触发回流和布局了。为什么要在单独拆分成一个图层，换句话说以什么为标准去拆分图层在实际开发中呢？

使用拆分图层仅仅只是为了调用GPU加速吗，比如我使用translate已经没有触发layout和paint了，此时在进行will-change:transform，是不是仅仅是为了达到GPU加速渲染这个图层的概念呢？

写回答

1回答

Mr_Max

2021-02-02

已采纳

同学你好！

transform:translateZ(0)和will change都会将你的元素提取单独图层，使用GPU加速。translateZ以前是一个副作用，而will change才是标准，原来可能还会支持更多的属性。

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线，性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

相似问题

回答 1

回答 1

回答 3

回答 1

回答 1