LCP priority hint
The strongest priority signal on the LCP element: preload, fetchpriority, preconnect, or none.
At a glance the headline numbers for LCP priority hint
The strongest priority signal on the LCP element: preload, fetchpriority, preconnect, or none.
85.9% of LCP images get no priority help at all.
LCP priority hint who uses what, and how fast each group loads
Preconnect sites post the best median LCP (1.4s). Preload sites trail at 1.6s. Correlation, not causation. computed
Passing LCP per LCP priority hint which group passes the LCP most often
87% of Preconnect sites pass LCP. Preload trails 6 points behind. computed
Why this matters for the Core Web Vitals, and where to start fixing it
Browsers start most images at low priority, because most images do not matter. The LCP image is the exception, and without help the browser only finds out after layout. fetchpriority=high says it upfront. A preload moves the discovery earlier as well. None means the most important resource on the page starts at the back of the queue.
One hint on one image. Spraying fetchpriority=high across the page puts the queue right back where it started.
How does this affect the Core Web Vitals?
LCP priority hint correlates with the LCP. With Preconnect, 87% of sites pass the LCP. With Preload, 81% do.
Chrome field data from 94,910 sites, representing millions of real page loads. How we measured.