will-change

定义

will-change 是一个 CSS 性能优化提示属性，用于提前告知浏览器某元素的哪些属性即将发生变化，例如 will-change: transform，让引擎有机会在变化发生前完成图层提升、内存分配等准备工作。

取值

• auto：默认，不做特别优化；
• scroll-position：预期滚动位置变化；
• contents：预期内容变化；
• 具体属性名：如 transform、opacity。

使用原则

规范与厂商文档均强调其应「作为最后手段」使用：

• 不要大范围或对大量元素长期声明，图层与内存开销会适得其反；
• 最好在变化临近时通过脚本添加、结束后移除；
• 若动画本身已流畅，无需添加。

背景

在该属性出现之前，开发者普遍使用 translateZ(0) 等「零位移 3D 变换」黑科技强制开启 GPU 加速。will-change 将这种隐晦的 hack 变为语义明确的标准接口，但滥用同样会造成「层爆炸」等性能问题。