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.