LCP at 5.8s on PDP — main culprit is hero image, but it's already 80KB WebP

Resource load delay of 2.1s usually means the image isn't being discovered by the browser preload scanner early enough. A few things to check: 1. **Is your PDP main image lazy-loaded?** It shouldn't be. Open view-source and confirm the LCP `<img>` has `loading="eager"` (or no `loading` attribute) and `fetchpriority="high"`. Many themes default product images to `loading="lazy"`, which kills LCP. 2. **Is the image inside a JS-rendered component?** If you have a gallery that hydrates on the client (common with React/Hydrogen and some app-injected galleries), the browser can't see the `<img>` until JS runs. 3. **Preload it.** In `theme.liquid` head, add:

{%- if template == 'product' -%}
  <link rel="preload" as="image"
        href="{{ product.featured_image | image_url: width: 800 }}"
        imagesrcset="{{ product.featured_image | image_url: width: 400 }} 400w, {{ product.featured_image | image_url: width: 800 }} 800w"
        imagesizes="(max-width: 749px) 100vw, 50vw">
{%- endif -%}

That alone usually cuts 1-2s off LCP on PDPs.