Dev.Lib
arrow_backBack to Blogs
LEVEL_055.8June 27, 20261 min read

Priority hints

Caching & Networking

`fetchpriority="high"` on LCP image; `low` on below-fold.

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; 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.

Further reading

Related concepts