![Sofia Emelianova](https://web.dev/images/authors/sofiayem.jpg) Sofia Emelianova [GitHub](https://github.com/sofiayem)

<br />

The browser shows some web page's content first and some later. With the [Fetch Priority API](https://developer.mozilla.org/docs/Web/API/HTMLImageElement/fetchPriority), you can signal the initial fetch priority of important resources to the browser to optimize resource loading.

[Video](https://www.youtube.com/watch?v=3rAf_Yx7R_g)

Watch the video to learn how to:

- Find the [loading metric](https://developer.chrome.com/docs/devtools/performance/reference.md.txt#timings), [Largest Contentful Paint (LCP)](https://web.dev/articles/lcp), in the **Performance** panel.
- See the [initial and final priorities](https://developer.chrome.com/docs/devtools/network/reference.md.txt#request-rows) in the **Network** panel and the [**Network** track](https://developer.chrome.com/docs/devtools/performance/reference.md.txt#network) of the **Performance** trace.
- Use [local overrides](https://developer.chrome.com/docs/devtools/overrides.md.txt) to test `fetchpriority` attributes in `<img>`, `<link>`, and `<script>` elements.
- Learn the difference between the [`loading`](https://developer.mozilla.org/docs/Web/HTML/Element/img#loading) and [`fetchpriority`](https://developer.mozilla.org/docs/Web/HTML/Element/img#fetchpriority) attributes.
- Learn when to lower the priority of resources.

> [!CAUTION]
> **Caution:** Use the [Fetch Priority API](https://developer.mozilla.org/docs/Web/API/HTMLImageElement/fetchPriority) only when there's a good reason to. If everything is high priority, then nothing is.

LCP images can clearly benefit from `fetchpriority="high"`. Another hint is if the browser automatically raises priority of an image, so it makes sense to set it initially.

For more information, see:

- [Optimizing resource loading with the Fetch Priority API](https://web.dev/articles/fetch-priority)
- [View network requests](https://developer.chrome.com/docs/devtools/performance/reference.md.txt#network)
- [View timings](https://developer.chrome.com/docs/devtools/performance/reference.md.txt#timings)
- [Use big request rows](https://developer.chrome.com/docs/devtools/network/reference.md.txt#request-rows)