Attribute prefetch

<link rel="prefetch" href="main.js" />
<link rel="prefetch" href="/app/style.css" />
<link rel="prefetch" href="/landing-page" />
<link rel="prefetch" href="https://news.example/article" />

The prefetch keyword for the rel attribute of the element provides a hint to browsers that the user is likely to need the target resource for future navigations, and therefore the browser can likely improve the user experience by preemptively fetching and caching the resource. is used for same-site navigation resources, or for subresources used by same-site pages.

The result is kept in the HTTP cache on disk. Because of this it is useful for prefetching subresources, even if they are not used by the current page. You could also use it to prefetch the next document the user will likely visit on the site. However, as a result you need to be careful with headers — for example certain Cache-Control headers could block prefetching (for example no-cache or no-store).