CSS rendering hints on Wix sites
will-change (68.8%), aspect-ratio (35.8%), scroll-driven animations (100.0%), CSS containment (14.3%), and content-visibility (13.3%) across 5,619 sites.
100.0% of Wix sites use scroll-driven animation CSS rendering hints, and 97% of those sites have a good INP, against 97% of all Wix sites.
INP pass rate
Sites with scroll-driven animation CSS rendering hints have a good INP most often: 97%, against 97% of all Wix sites. Sites with CSS containment CSS hints have it least often, at 96%.
CSS rendering hints usage
Scroll-driven animation is the most used: 100.0% of Wix sites.
CSS rendering hints per framework
React sets the CSS rendering hints to scroll-driven animation on 100% of its sites, and 97% of React sites have a good INP, against 97% of all sites.
CSS rendering hints or the framework
Does the framework explain the CSS rendering hints difference?
Almost every site with scroll-driven animation CSS rendering hints is a React site, and almost every React site has scroll-driven animation CSS rendering hints, so the data can't tell scroll-driven animation CSS rendering hints and React apart.
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, 68.8% use will-change (97% good INP), 35.8% use aspect-ratio (97% good INP), 100.0% use scroll-driven animations (97% good INP), 14.3% use contain (96% good INP), and 13.3% use content-visibility (97% good INP).
Understanding CSS rendering hints
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.
By Arjen Karel · 5,621 crawled Wix sites (5,333 with all devices Chrome field data, 5,619 sites with CSS rendering hints, October 2026). How we measured.