CSS rendering hints (will-change, aspect-ratio, containment) and the Core Web Vitals
will-change (75.4%), aspect-ratio (67.2%), scroll-driven animations (33.7%), CSS containment (29.0%), and content-visibility (26.2%) across 138,459 sites.
75.4% of sites use will-change CSS rendering hints, and 96% of those sites have a good INP, against 95% of all sites.
INP pass rate
Sites with will-change CSS rendering hints have a good INP most often: 96%, against 95% of all sites. Sites with CSS containment CSS hints have it least often, at 95%.
CSS rendering hints usage
Will-change is the most used: 75.4% of sites.
Understanding CSS rendering hints
How CSS rendering hints isolate layout and compositor work
CSS hints instruct the rendering engine how to allocate compositor layers and skip offscreen layout work. Among hint-using sites, 75.4% use will-change (96% good INP), 67.2% use aspect-ratio (96% good INP), 33.7% use scroll-driven animations (96% good INP), 29.0% use contain (95% good INP), and 26.2% use content-visibility (95% good INP).
Use aspect-ratio to reserve responsive media boxes, scroll-driven animations to move scroll effects off the main thread, and content-visibility: auto with contain-intrinsic-size on long below-the-fold sections. Avoid applying will-change across large numbers of elements, which exhausts GPU memory.
How CSS rendering hints plays out per platform
What the field data shows when you isolate a single CMS or framework.
WordPress 53,546 sites WordPress sites using CSS hints include will-change on 84.7% and content-visibility on 37.4%.
Across 53,546 WordPress sites using CSS hints, 84.7% use will-change, 67.6% use aspect-ratio, and 37.4% use content-visibility (98% good INP).
Shopify 8,545 stores Shopify storefronts using CSS hints include scroll-driven animation rules on 97.3% and aspect-ratio on 63.8%.
Across hint-using Shopify storefronts, 97.3% include CSS scroll-driven animation rules (96% good INP), 65.2% use will-change, and 63.8% use aspect-ratio.
React & Next.js 9,155 sites Hint-using React sites include scroll-driven CSS on 77.1% and will-change on 71.3% (97% good INP).
Across 9,155 hint-using React sites, 77.1% include scroll-driven animation rules (97% good INP), 71.3% use will-change, and 53.5% use aspect-ratio.
By Arjen Karel · 212,308 crawled sites (197,524 with all devices Chrome field data, 138,459 sites with CSS rendering hints, October 2026). How we measured.