will-change
Eine CSS-Eigenschaft, die dem Browser im Voraus signalisiert, dass ein Element bald animiert oder verändert wird, damit er eine Optimierung vorbereiten kann (z. B. das Element auf eine eigene GPU-Compositor-Ebene heben). Mächtig, aber leicht zu missbrauchen.
Mechanik: will-change: transform teilt dem Browser mit „das hier wird gleich transformiert" → er kann das Element vorab auf eine eigene Ebene heben, die die GPU flüssig animieren kann, sodass das erste Animationsbild nicht ruckelt, während die Ebene erst noch erzeugt wird. Anwendungsfall: Elemente, von denen man weiß, dass sie bei Hover oder Interaktion animiert werden. Wichtige Warnungen: (1) nicht übernutzen — jede auf eine Ebene gehobene Fläche kostet Speicher, und will-change auf allem frisst Ressourcen und kann die Seite langsamer machen; (2) am besten kurz vor der Animation setzen (etwa bei Hover) und danach wieder entfernen, nicht dauerhaft im CSS belassen; (3) es ist ein Hinweis, keine Garantie. Verwandt: transform und opacity sind die „billigen" Eigenschaften zum Animieren (nur Compositing, kein Neu-Layout). Ein scharfes, aber zweischneidiges Performance-Werkzeug. Hängt mit content-visibility und requestAnimationFrame zusammen.