will-change
Propriedade CSS que avisa o navegador, com antecedência, que um elemento será animado ou alterado em breve, para que ele possa preparar uma otimização (por exemplo, levar o elemento para uma camada própria do compositor na GPU). Poderosa, mas fácil de usar errado.
Mecânica: will-change: transform diz ao navegador "isto vai ser transformado em breve" → ele pode promover o elemento antecipadamente para uma camada própria, que a GPU anima sem engasgos, de modo que o primeiro quadro da animação não trava enquanto a camada é criada. Caso de uso: elementos que você sabe que vão animar em hover/interação. Grandes avisos: (1) não abuse — cada camada promovida custa memória, e will-change em tudo consome recursos e pode deixar a página mais lenta; (2) o ideal é defini-la logo antes da animação (por exemplo, no hover) e removê-la depois, não deixá-la permanente no CSS; (3) é uma dica, não uma garantia. Relacionado: transform e opacity são as propriedades "baratas" de animar (só composição, sem novo layout). Uma ferramenta de desempenho afiada e de dois gumes. Relacionada a content-visibility e requestAnimationFrame.