Images

Prioritise your hero image for a faster LCP

Use fetchpriority="high" and a preload so the largest image arrives sooner.

Your Largest Contentful Paint (LCP) element is usually the hero image. By default the browser discovers it late, during parsing. Hinting its priority makes the browser fetch it immediately.

How to fix it

Add fetchpriority="high" to the hero <img> and keep it out of any lazy-loading.
Optionally add a <link rel="preload" as="image"> with a matching imagesrcset in the document head.

<img src="hero.jpg" fetchpriority="high" width="1600" height="900" alt="...">