如何决定是否使用CSS属性“将更改”

Question

最近，我深入探讨了CSS、动画和跃迁的主题。

我知道CSS属性意志力，它可以用来给浏览器一个提示，元素在不久的将来会改变(这可以提高渲染性能)。

开发人员使用will-change来提高性能的例子有几个，例如：

• https://www.android.com/
• https://www.cube.eu/
• https://www.mrsandmr.com/

但医生们清楚地指出：

警告:为了处理现有的性能问题，将更改遗嘱作为最后的手段。不应将其用于预测性能问题。

那么，需要考虑的是什么，是否使用will-change？

Answer 1

DigitalOcean在这方面做了一篇很棒的文章，我强烈建议你去看看。

https://www.digitalocean.com/community/tutorials/css-will-change

正如其他人所说，可以说，will-change在浏览器中创建了一个新的“层”。如果在特定父元素下有多个动画或转换，那么最好将will-change分配给该父元素，同时将动画子元素与它们的标准动画/转换放在一起。

编辑：我应该指出，在多个地方添加will-change会增加您的绘制时间，就像其他人提到的那样，这将降低站点加载速度。