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 89% (1.3s median), whereas the 9.3% shipping hero images over 300 KB drop to 62% (2.2s median).

Field data PhoneDesktopAll Scope All sites October 2026 edition · All devices 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 89% of those sites have a good LCP, against 85% of all React sites.

The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 9,110 with all devices 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: 89%, against 85% of all React sites. Sites with an LCP image over 300 KB hero image size have it least often, at 62%.

SitesGood, needs improvement, poor LCPMedian
All React sites9,11085%1.4s
Under 40 KB hero image 48.5%2,96489%1.3s
40 to 100 KB hero image 29.2%1,77589%1.3s
100 to 300 KB hero image 13.0%79574%1.8s
Over 300 KB hero image 9.3%57862%2.2s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 9,110 with all devices 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 · 9,110 with all devices 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): 467 ms median for an LCP image under 40 KB against 1183 ms for an LCP image over 300 KB. Overall median field LCP is 1.3s for an LCP image under 40 KB (TTFB 467 ms, load delay 439 ms, load duration 131 ms, render delay 161 ms) versus 2.1s 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 4,718527 ms437 ms437 mslab 437 ms1.4s
100 to 300 KB hero image 639876 ms417 ms417 mslab 417 ms1.8s
Over 300 KB hero image 4621183 ms435 ms243 ms435 mslab 435 ms2.1s
Under 40 KB hero image 2,271467 ms439 ms439 mslab 439 ms1.3s
40 to 100 KB hero image 1,346468 ms442 ms442 mslab 442 ms1.3s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 9,110 with all devices 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 94% of Wix sites have a good LCP, against 85% 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%85%
Wix 4,134 sitesUnder 40 KB hero image 61%40 to 100 KB hero image 33%94%
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%61%
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 · 9,110 with all devices 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, 94% of sites with an LCP image under 40 KB LCP image byte weight have a good LCP, against 96% of Wix sites with an LCP image between 40 and 100 KB. Within Wix, sites with an LCP image under 40 KB have a good LCP less often. On WordPress, 62% of sites with an LCP image under 40 KB LCP image byte weight have a good LCP, against 66% 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, 89% pass field LCP (1.3s median), dropping to 62% (2.2s median) on the 9.3% (597) exceeding 300 KB.

The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 9,110 with all devices 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 (89% good LCP, 1.3s median) versus 9.3% above 300 KB (62% good LCP, 2.2s 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 · 9,110 with all devices 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 (9,110 with all devices Chrome field data, 6,415 sites with LCP image byte weight, October 2026) · How we measured