The State of Web Vitals

LCP element type

What the LCP element is: image, background image, text, or video.

Field data PhoneDesktopAll Scope All sites Q2 2026 edition · All devices field outcomes
Metric LCP INP CLS
1

At a glance the headline numbers for LCP element type

What the LCP element is: image, background image, text, or video.

5
Categories
176,759 sites
42.2%
Top share
img
0.00
Top CLS
Median for img

The LCP is an img element on 42.2% of sites. On 29.1% it is a CSS background image.

The State of Web Vitals · Q2 2026 · 189,915 sites · all devices field datacorewebvitals.io/state-of-cwv
2

LCP element type who uses what, and how stable each group is

Median CLS
0
0.05
0.10
0.15
0.20
0.25
img0.0042% of sites
background-image0.0029% of sites
text0.0026% of sites
video0.002% of sites
svg0.000% of sites
VariantShare of sitesMedian
img 74,584 sites
42%
0.00
background-image 51,418 sites
29%
0.00
text 46,481 sites
26%
0.00
video 4,274 sites
2%
0.00
svg 2 sites
0%
0.00

Little daylight between the groups: every variant sits near 0.00 median CLS. computed

The State of Web Vitals · Q2 2026 · 189,915 sites · all devices field datacorewebvitals.io/state-of-cwv
3

Passing CLS per LCP element type which group passes the CLS most often

VariantSitesPassing CLSCLS
Svg 0% 2 100% 0.00
Video 2.4% 4,274 88% 0.00
Text 26.3% 46,481 88% 0.00
Background-image 29.1% 51,418 88% 0.00
Img 42.2% 74,584 88% 0.00
Good Needs Improvement Poor Sorted best-passing first · median colored by its own rating · pass = good CLS (0.1 at p75) · one value per site

No variant stands out: pass rates sit between 88% and 88%. computed

The State of Web Vitals · Q2 2026 · 189,915 sites · all devices field datacorewebvitals.io/state-of-cwv
4

Why this matters for the Core Web Vitals, and where to start fixing it

What the LCP element is decides the playbook. An img can be prioritized, preloaded and right-sized. A CSS background image has a discovery problem first: the browser cannot see it until the CSS applies. Text means rendering waits on a font, not an image. Video means the poster frame is the candidate to optimize.

Text LCP is the underrated option. A headline renders as soon as its font is ready, no megabytes involved. A fast headline beats a slow hero, and a site gets to choose which one it leads with.

Go fix it Background images are evil → Keep text visible during font load → Optimize the LCP image →
Related signals LCP loading attribute → LCP image format → LCP origin → LCP priority hint → Chrome field data from 189,915 sites, representing millions of real page loads · How we measured