LCP responsive markup
Responsive markup on the LCP image: srcset, picture, or none.
At a glance the headline numbers for LCP responsive markup
Responsive markup on the LCP image: srcset, picture, or none.
78.5% of LCP images ship without responsive markup.
LCP responsive markup who uses what, and how fast each group loads
Little daylight between the groups: every variant sits near 1.5s median LCP. computed
Passing LCP per LCP responsive markup which group passes the LCP most often
88% of Picture sites pass LCP. No trails 7 points behind. computed
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, 88% of sites pass the LCP. With No, 81% do.
Chrome field data from 94,910 sites, representing millions of real page loads. How we measured.