I’m always looking for new ways to make this blog faster. Today, I added instant.page to prefetch links before they’re clicked. The concept is pretty interesting. It turns out there’s a “significant” amount of time between a user hovering over and clicking on a link – around 300 ms. Thus it makes sense to use the extra time to preload and cache the linked page.

Adding instant.page was very easy. All I had to do was add the JavaScript below before my closing body tag.

<script src="/js/instantpage.js" type="module" defer></script>

Check out the GIF to see how instant.page works. As you can see, hovering over the “Contact” page link in my navigation menu causes the page to be preloaded.

Using instant.page to prefetch links.