link prefetching

This article is a stub. You can help the IndieWeb wiki by expanding it.

link prefetching is a mechanism to allow browsers to prefetch links that the user might visit in the near future, such as the next/previous chronological post.

For more details see:

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Link_prefetching_FAQ

Why

This section is a stub. You can help the IndieWebCamp wiki by expanding it.

If you support sequential navigation, you should use rel=prefetch on your post permalink pages, specifically on links to the previous and next post.

This will reduce the loading time (improve perceived performance) when a user clicks on a next or prev button/link on your post permalink.

How to

This section is a stub. You can help the IndieWebCamp wiki by expanding it.

How to publish rel prefetch

Append prefetch to the your existing next and previous links rel attribute.

For more details on rel=prefetch, see:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/prefetch

IndieWeb Examples

This section is a stub. You can help the IndieWebCamp wiki by expanding it.

• Tantek Çelik supports rel-prefetch on his sequential navigation prev/next links on his post permalinks and day aggregations (on prev/next day links), since 2024-08-13 (implemented back to all posts 2010-01-01 and later).
• Add yourself here… (see this for more details)

See Also

• ...
• https://chat.indieweb.org/2019-06-12#t1560346497762100
  • "jamietanna[m]: first render is from the server, then it hydrates the markup with React and add all the goodies. And for navigation https://github.com/zeit/next.js/#prefetching-pages" [ @jolvera] June 12, 2019