Learn Performance - Prefetch and Prerender

Prefetch documents

It is also possible to prefetch documents that the user is likely to navigate to in the near future. This page contains a <link rel="prefetch" as="document" href="../2-prefetch/">, hinting the browser to prefetch /2-prefetch once it is idle.

Go to prefetched page

If you observe the network tab, you should notice that the document is prefetched while subresources required on that page are not downloaded.

Chrome DevTools Network panel showing 4 resources. The prefetched document (row 4) is fetched with the Lowest priority.

In the network panel above, the prefetched document 2-prefetch is downloaded with the Lowest priority.

View Source Code
<link rel="prefetch" as="document" href="../2-prefetch">