will-change
Een CSS-eigenschap die de browser vooraf laat weten dat een element binnenkort wordt geanimeerd of gewijzigd, zodat die een optimalisatie kan voorbereiden (bijvoorbeeld het element op een eigen GPU-compositorlaag zetten). Krachtig, maar makkelijk te misbruiken.
Werking: will-change: transform zegt tegen de browser ‘dit element wordt straks getransformeerd’, waarna die het alvast naar een eigen laag kan tillen die de GPU soepel kan animeren, zodat het eerste animatieframe niet haperkt terwijl de laag wordt aangemaakt. Toepassing: elementen waarvan je weet dat ze bij hover of interactie bewegen. Grote waarschuwingen: (1) niet overmatig gebruiken — elke gepromoveerde laag kost geheugen, en will-change op alles verbruikt middelen en kan de pagina juist trager maken; (2) zet het bij voorkeur vlak vóór de animatie (bijvoorbeeld bij hover) en haal het daarna weer weg, niet permanent in de CSS; (3) het is een hint, geen garantie. Verwant: transform en opacity zijn de ‘goedkope’ eigenschappen om te animeren (alleen compositing, geen nieuwe layout). Een scherp maar tweesnijdend prestatiegereedschap. Verwant aan content-visibility en requestAnimationFrame.