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.
35.8% of Wix sites use aspect-ratio CSS rendering hints, and 100% of those sites have a good INP, against 100% of all Wix sites.
INP pass rate
Sites with aspect-ratio CSS rendering hints have a good INP most often: 100%, against 100% of all Wix sites. Sites with will-change CSS hints have it least often, at 100%.
CSS rendering hints usage
Scroll-driven animation is the most used: 100.0% of Wix sites. Aspect-ratio is 35.8% of Wix sites.
CSS rendering hints per framework
On React, 100% of sites use scroll-driven animation CSS rendering hints, and 100% of React sites have a good INP, against 100% of all sites.
CSS rendering hints or the framework
Does the framework explain the CSS rendering hints difference?
On React, 100% of sites with aspect-ratio CSS rendering hints have a good INP, against 100% of React sites with scroll-driven animation. Within React, sites with aspect-ratio and scroll-driven animation have a good INP about equally often.
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 (100% good INP), 35.8% use aspect-ratio (100% good INP), 100.0% use scroll-driven animations (100% good INP), 14.3% use contain (100% good INP), and 13.3% use content-visibility (100% 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 (728 with desktop Chrome field data, 5,619 sites with CSS rendering hints, October 2026). How we measured.