LCP element type
What the LCP element is: image, background image, text, or video.
At a glance the headline numbers for LCP element type
What the LCP element is: image, background image, text, or video.
The LCP is an img element on 43.2% of sites. On 29.9% it is a CSS background image.
LCP element type who uses what, and how fast each group loads
Little daylight between the groups: every variant sits near 48ms median INP. computed
Passing INP per LCP element type which group passes the INP most often
No variant stands out: pass rates sit between 99% and 99%. computed
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.
How does this affect the Core Web Vitals?
The choice barely moves the LCP: 88% pass at best, 84% at worst. This signal does not separate passing sites from failing ones.
Chrome field data from 94,910 sites, representing millions of real page loads. How we measured.