Stop 16 · PerformanceTopics · 12/13

Prefetching

Part of the Frontend Developer Roadmap

In short

Proactively fetching a resource (like the next page's JS/data) before the user actually navigates to it, so the transition feels instant.

How to learn this

  1. 1Notice how Next.js's `<Link>` automatically prefetches linked pages in the viewport.
  2. 2Learn `<link rel="prefetch">` for manually hinting future navigations.
  3. 3Understand the trade-off: prefetching uses bandwidth the user may not need.

More topics at this stop

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.

Download
InsideEdge