Summary
fetchpriority="high" on LCP image; low on below-fold. Preload sets priority implicitly. Mis-prioritization starves LCP for decorative assets. Resource Timing API verifies actual priority (browser-dependent). Part of holistic critical path tuning.
Code example
<img src="/hero.webp" fetchpriority="high" width="1200" height="630" alt="" />
<img src="/avatar.png" fetchpriority="low" loading="lazy" alt="" />
Key points
fetchpriority="high"on LCP image;lowon below-fold.- Preload sets priority implicitly.
- Mis-prioritization starves LCP for decorative assets.
- Resource Timing API verifies actual priority (browser-dependent).
- Part of holistic critical path tuning.