Why it matters
Each will-change layer costs GPU memory; applied statically (or to html/body) it can make rendering slower, blur text and exhaust memory on low-end phones.
How to fix it
Remove static will-change. Set it only just before an interaction/animation (and remove after), or rely on the browser's own layer promotion for transform/opacity animations.
Example
el.style.willChange = 'transform' // on pointerdown
el.style.willChange = 'auto' // on transitionendReferences
More lint rules
void lint reports 67 rules in this category. Static source checks with no browser: Tailwind v4 silent failures, Next.js 16 API traps, React render-body bugs, accessibility markup, SEO files and motion hygiene.
long-ui-durationUI feedback transition longer than 500msno-reduced-motionAnimations present but no `prefers-reduced-motion` handling anywhereoverflow-x-hidden-sticky`overflow-x: hidden` on html/body/root wrapper breaks `position: sticky`vh-heroHero sized with `100vh` / `h-screen`z-index-soupMany distinct z-index valueshardcoded-colorsHard-coded colors in components instead of tokensmissing-metadataPage has no `metadata` / `generateMetadata` and inherits only the root titlemissing-metadata-baseRoot layout metadata has no `metadataBase`