DEV Community

Speed up next-page navigations with prefetching

Addy Osmani on December 13, 2018

What is prefetching? Loading web pages could be made faster by fetching the next page (or set of resources for the next page) a user i...
Collapse
 
shaijut profile image
Shaiju T • Edited

Hi Interesting Plugin , Thanks :) , Here is another plugin, the author in this and this post compares QuickLink and InstantPage and says that QuickLink doesn't have options like

  • Limit preloads per second .
  • Stops preloading on slow response.
  • Stops preloading if server crashes .

@ben What both of you think which is better ?

Collapse
 
rhymes profile image
rhymes • Edited

Great post Addy,

I starred quicklink the other day and noticed you had a hand in it :D Cool that you're thinking of adding support for preload as well!

I remember that dev.to is using a modified version of InstantClick to make the website feel faster, yours seems a more efficient (thanks to the IntersectionObserver) and modern implementation. Am I correct? Aside from the fact that InstantClick seems not to be maintained anymore.

Collapse
 
andy profile image
Andy Zhao (he/him)

Great overview! I wonder if this is something we (dev.to) would use. Any thoughts @ben ?

Collapse
 
ben profile image
Ben Halpern

Yeah, I'm super into this kind of stuff. We have some workarounds for performance which make it not quite as obvious when and where we'd make use, but I'm super down to pick the right places to start working with this.

I played with prefetch a while back and then kind of let my efforts drop off. I'm super in favor of finding good spots for our use.

Collapse
 
addyosmani profile image
Addy Osmani

Awesome! Love to hear if you end up experimenting with the ideas here more. In case dev.to tries quicklink, we just released a new version that gives you a lot more control over what links/URLs to ignore (RegExp, Array or Function) and what origins you'd like to enable prefetching for too: github.com/GoogleChromeLabs/quickl...

Collapse
 
ahmadawais profile image
Ahmad Awais ⚡️

Been trying out Quicklink. Too little data to share some insights but thanks for that. 👍

Collapse
 
maestromac profile image
Mac Siri

That's super cool. Thanks for sharing!

ps: guessjs.com/ doesn't seem to be working

Collapse
 
addyosmani profile image
Addy Osmani

Thanks! I've updated the link :)

Collapse
 
merrythemes profile image
Merry Themes

Thankful for all the work you do Addy!