CSS 不会改变

Question

有一个新的 CSS 属性，称为 will-change，您可以使用它来定义将经常更改的属性，以便浏览器对其进行优化。例如:

.element {
    will-change: transform, opacity;
}

但是反过来呢？对于will-not-change之类的内容，是否有任何建议或工作草案？使用它可以提示浏览器，该属性永远不会改变(常量)，因此它可以对其进行一些优化？

Answer 1

浏览器已经针对默认情况下“不会更改”的属性优化其布局算法。 will-change 是一种选择属性的方法，可能会发生变化(尽管属性名称中的“will”可能暗示什么)，因此浏览器可以预先执行必要的优化当这些属性确实改变时(至少从它们的初始值开始)。

这样想:未在 will-change 中列出的属性已经被优化为“不会改变”，或者“它们是否改变对性能没有任何有意义的影响” ”

例如，您的 will-change 声明告诉浏览器为 .element 元素创建一个合成层，以防它们需要转换或 alpha 合成, 因此他们的渲染从一开始就是硬件加速的。由于此 will-change 声明不适用于没有此类的元素，因此浏览器假定那些其他元素永远不会被转换或 alpha 合成，因此不需要此合成层。通过不为它们创建合成层，浏览器已经优化了这些元素的渲染，不会对它们进行不必要的硬件加速。