The State of Web Vitals

WordPress CSS rendering hints and the Core Web Vitals

will-change (84.8%), aspect-ratio (67.4%), scroll-driven animations (34.7%), CSS containment (35.7%), and content-visibility (37.2%) across 51,385 sites.

Field data PhoneDesktopAll Scope All sites October 2026 edition · Phone field outcomes · WordPress sites only
WordPress Scoped to 63,295 sites out of 203,892 analyzed (cms) Compare with all sites →

67.4% of WordPress sites use aspect-ratio CSS rendering hints, and 97% of those sites have a good INP, against 97% of all WordPress sites.

The State of Web Vitals · October 2026 · WordPress: 63,295 crawled sites · 36,524 with phone field data · 51,385 sites with CSS rendering hintsBy Arjen Karel · corewebvitals.io/state-of-cwv
1

INP pass rate

Sites with aspect-ratio CSS rendering hints have a good INP most often: 97%, against 97% of all WordPress sites. Sites with content-visibility CSS hints have it least often, at 96%.

SitesGood, needs improvement, poor INPMedian
All WordPress sites36,52497%96ms
aspect-ratio 67.4%20,39897%101ms
will-change 84.8%25,31496%99ms
Scroll-driven animations 34.7%10,52396%104ms
CSS contain 35.7%10,86096%104ms
content-visibility 37.2%11,36596%104ms
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · WordPress: 63,295 crawled sites · 36,524 with phone field data · 51,385 sites with CSS rendering hintsBy Arjen Karel · corewebvitals.io/state-of-cwv
2

CSS rendering hints usage

Will-change is the most used: 84.8% of WordPress sites. Aspect-ratio is 67.4% of WordPress sites.

Sites using each option (sites can use more than one) 51,385 sites
will-change 84.8% aspect-ratio 67.4% content-visibility 37.2% CSS contain 35.7% Scroll-driven animations 34.7%
will-change 84.8% aspect-ratio 67.4% content-visibility 37.2% CSS contain 35.7% Scroll-driven animations 34.7%
The State of Web Vitals · October 2026 · WordPress: 63,295 crawled sites · 36,524 with phone field data · 51,385 sites with CSS rendering hintsBy Arjen Karel · corewebvitals.io/state-of-cwv
3

CSS rendering hints per framework

Vue sets the CSS rendering hints to aspect-ratio on 93% of its sites, and 95% of Vue sites have a good INP, against 97% of all sites. jQuery sets the CSS rendering hints to will-change on 85% of its sites, and 97% of jQuery sites have a good INP.

FrameworkCSS rendering hints on its sitesGood INP
WordPress sites with CSS rendering hints 51,385 siteswill-change 85%aspect-ratio 67%content-visibility 37%CSS contain 36%Scroll-driven animations 35%97%
jQuery 49,087 siteswill-change 85%aspect-ratio 67%content-visibility 38%CSS contain 36%Scroll-driven animations 35%97%
React 2,076 siteswill-change 86%aspect-ratio 84%CSS contain 55%content-visibility 48%Scroll-driven animations 45%96%
Vue 4,705 siteswill-change 97%aspect-ratio 93%Scroll-driven animations 84%content-visibility 83%CSS contain 83%95%
Alpine 336 sitesaspect-ratio 86%will-change 80%CSS contain 44%content-visibility 40%Scroll-driven animations 35%88%
will-change aspect-ratio content-visibility CSS contain Scroll-driven animations
The State of Web Vitals · October 2026 · WordPress: 63,295 crawled sites · 36,524 with phone field data · 51,385 sites with CSS rendering hintsBy Arjen Karel · corewebvitals.io/state-of-cwv
4

CSS rendering hints or the framework

Does the framework explain the CSS rendering hints difference?

On jQuery, 97% of sites with aspect-ratio CSS rendering hints have a good INP, against 96% of jQuery sites with will-change. Within jQuery, sites with aspect-ratio and will-change have a good INP about equally often. On Vue, 95% of sites with aspect-ratio CSS rendering hints have a good INP, against 95% of Vue sites with will-change. Within Vue, sites with aspect-ratio and will-change 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, 84.8% use will-change (96% good INP), 67.4% use aspect-ratio (97% good INP), 34.7% use scroll-driven animations (96% good INP), 35.7% use contain (96% good INP), and 37.2% use content-visibility (96% good INP).

The State of Web Vitals · October 2026 · WordPress: 63,295 crawled sites · 36,524 with phone field data · 51,385 sites with CSS rendering hintsBy Arjen Karel · corewebvitals.io/state-of-cwv
5

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.

Go fix it Fix excessive DOM size → HTML reflow and Core Web Vitals → INP: presentation delay →
The State of Web Vitals · October 2026 · WordPress: 63,295 crawled sites · 36,524 with phone field data · 51,385 sites with CSS rendering hintsBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals Scheduling API use → Interaction invoker types → Yielding strategy → INP phase breakdown → By Arjen Karel · 63,295 crawled WordPress sites (36,524 with phone Chrome field data, 51,385 sites with CSS rendering hints, October 2026) · How we measured