The State of Web Vitals

LCP responsive markup

Responsive markup on the LCP image: srcset, picture, or none.

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

At a glance the headline numbers for LCP responsive markup

Responsive markup on the LCP image: srcset, picture, or none.

3
Categories
90,431 sites
78.5%
Top share
no
48ms
Top INP
Median for no

78.5% of LCP images ship without responsive markup.

The State of Web Vitals · Q1 2026 · 94,910 sites · desktop field datacorewebvitals.io/state-of-cwv
2

LCP responsive markup who uses what, and how fast each group loads

Median INP
0
100ms
200ms
300ms
400ms
500ms
no48ms79% of sites
srcset51ms14% of sites
picture54ms7% of sites
VariantShare of sitesMedian
no 71,021 sites
79%
48ms
srcset 12,828 sites
14%
51ms
picture 6,582 sites
7%
54ms

Little daylight between the groups: every variant sits near 48ms median INP. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · desktop field datacorewebvitals.io/state-of-cwv
3

Passing INP per LCP responsive markup which group passes the INP most often

VariantSitesPassing INPINP
Srcset 14.2% 12,828 99% 51ms
No 78.5% 71,021 99% 48ms
Picture 7.3% 6,582 99% 54ms
Good Needs Improvement Poor Sorted best-passing first · median colored by its own rating · pass = good INP (200ms at p75) · one value per site

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

The State of Web Vitals · Q1 2026 · 94,910 sites · desktop field datacorewebvitals.io/state-of-cwv
4

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

A phone should not download the desktop hero. srcset and picture let the browser pick the file that fits the viewport, which directly cuts the LCP's load time on small screens. Without them, every device downloads the largest image someone uploaded.

The win is biggest exactly where LCP is hardest: small screens on slow connections. Most CMSs generate the size candidates automatically. The gaps are usually hand-written templates and page builders.

How does this affect the Core Web Vitals?

LCP responsive markup correlates with the LCP. With Picture, 91% of sites pass the LCP. With No, 85% do.

Go fix it Optimize images for Core Web Vitals → Optimize the LCP image → Fix slow hero images →
Related signals LCP priority hint → LCP discovery → LCP image size → LCP origin → Chrome field data from 94,910 sites, representing millions of real page loads · How we measured