- All Courses
- React Performance Engineering
- Loading Performance
- Prefetching and priority hints
Prefetching and priority hints
The browser guesses at priorities from markup order and element type, and it guesses reasonably well.
Overview
Ordering is a performance feature
The browser guesses at priorities from markup order and element type, and it guesses reasonably well. Hints are for the cases where you know better — the hero image below the fold in the DOM, the font needed for the first paragraph.
Prefetching the next likely navigation at low priority is close to free and makes the following click feel instant. Do it on intent signals like hover and viewport entry rather than for every link on the page.
A preload that is never used is a pure regression: you spent bandwidth ahead of things that were on the critical path, and the console will tell you so.
In this lesson you will:
- Tell the browser what matters first
- Prefetch the next navigation without stealing bandwidth
- Avoid preloading things you never use
Resources
Notes are not saved yet — they clear when you leave this page.
Bundle analysis
3m