The State of Web Vitals

LCP image byte weight on React sites

48.5% of audited sites (3,110) keep their LCP hero image under 40 KB and pass LCP at 87% (1.4s median), whereas the 9.3% shipping hero images over 300 KB drop to 70% (1.8s median).

Field data PhoneDesktopAll Scope All sites October 2026 edition · Desktop field outcomes · React sites only
React Scoped to 9,570 sites out of 210,902 analyzed (frameworks) Compare with all sites →

48.5% of React sites use an LCP image under 40 KB LCP image byte weight, and 87% of those sites have a good LCP, against 79% of all React sites.

The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
1

LCP pass rate

Sites with an LCP image under 40 KB LCP image byte weight have a good LCP most often: 87%, against 79% of all React sites. Sites with an LCP image over 300 KB hero image size have it least often, at 70%.

SitesGood, needs improvement, poor LCPMedian
All React sites1,97979%1.5s
Under 40 KB hero image 48.5%53587%1.4s
40 to 100 KB hero image 29.2%35680%1.4s
100 to 300 KB hero image 13.0%22572%1.7s
Over 300 KB hero image 9.3%18170%1.8s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
2

LCP image byte weight usage

An LCP image under 40 KB is the most used: 48.5% of React sites.

Under 40 KB hero image 48.5% 40 to 100 KB hero image 29.2% 100 to 300 KB hero image 13.0%
Under 40 KB hero image 48.5% 40 to 100 KB hero image 29.2% 100 to 300 KB hero image 13.0% Over 300 KB hero image 9.3%
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
3

The four LCP phases

Across the four LCP sub-parts in Chrome's field data, the largest gap between an LCP image under 40 KB and an LCP image over 300 KB sits in time to first byte (TTFB): 569 ms median for an LCP image under 40 KB against 1011 ms for an LCP image over 300 KB. Overall median field LCP is 1.4s for an LCP image under 40 KB (TTFB 569 ms, load delay 423 ms, load duration 152 ms, render delay 173 ms) versus 1.8s for an LCP image over 300 KB.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
React sites with LCP image byte weight 885735 ms398 ms398 mslab 419 ms1.6s
100 to 300 KB hero image 170988 ms345 ms224 ms345 mslab 398 ms1.7s
Over 300 KB hero image 1371011 ms393 ms253 ms393 mslab 445 ms1.8s
40 to 100 KB hero image 239655 ms399 ms399 mslab 391 ms1.5s
Under 40 KB hero image 339569 ms423 ms423 mslab 435 ms1.4s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
4

LCP image byte weight per platform

Wix sets the LCP image byte weight to an LCP image under 40 KB on 61% of its sites, and 92% of Wix sites have a good LCP, against 79% of all sites.

PlatformLCP image byte weight on its sitesGood LCP
React sites with LCP image byte weight 6,415 sitesUnder 40 KB hero image 48%40 to 100 KB hero image 29%100 to 300 KB hero image 13%79%
Wix 4,134 sitesUnder 40 KB hero image 61%40 to 100 KB hero image 33%92%
WordPress 1,701 sitesOver 300 KB hero image 30%100 to 300 KB hero image 25%40 to 100 KB hero image 23%Under 40 KB hero image 22%66%
Under 40 KB hero image 40 to 100 KB hero image 100 to 300 KB hero image Over 300 KB hero image
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
5

LCP image byte weight or the platform

Does the platform explain the LCP image byte weight difference?

On Wix, 93% of sites with an LCP image under 40 KB LCP image byte weight have a good LCP, against 91% of Wix sites with an LCP image between 40 and 100 KB. Within Wix, sites with an LCP image under 40 KB and an LCP image between 40 and 100 KB have a good LCP about equally often. On WordPress, 72% of sites with an LCP image under 40 KB LCP image byte weight have a good LCP, against 62% of WordPress sites with an LCP image between 40 and 100 KB. Within WordPress, sites with an LCP image under 40 KB and an LCP image between 40 and 100 KB have a good LCP about equally often.

How intrinsic versus rendered megapixels waste hero bandwidth

The median LCP image is 0.23 intrinsic megapixels rendered into a 0.12 megapixel slot. Serving unresized desktop banners to mobile viewports inflates hero transfer bytes and extends LCP load duration. Across 3,110 sites (48.5%) with a hero image under 40 KB, 87% pass field LCP (1.4s median), dropping to 70% (1.8s median) on the 9.3% (597) exceeding 300 KB.

The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
6

Understanding LCP image byte weight

Compress hero images below 100 KB using AVIF or WebP and serve responsive srcset widths matched to the rendered viewport slot. Across all audited sites, 48.5% keep the hero image under 40 KB (87% good LCP, 1.4s median) versus 9.3% above 300 KB (70% good LCP, 1.8s median).

Go fix it Optimize the LCP image → LCP: resource load duration → Optimize images for Core Web Vitals →
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 1,979 with desktop field data · 6,415 sites with LCP image byte weightBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals LCP loading attribute → LCP element type → LCP responsive markup → LCP discovery → By Arjen Karel · 9,570 crawled React sites (1,979 with desktop Chrome field data, 6,415 sites with LCP image byte weight, October 2026) · How we measured