Predictive prefetching – This is where you leverage historical data to understand what users tend to click next after visiting a page. For example, you can use Google Analytics data to do this. That way, if a user clicks on the home page and then typically goes to a specific category page, we can start loading that in the background.
Idle Prefetch - When the viewport on the user's browser is idle, you can prefetch all URLs linked to within the user's viewport.
Thanks to Addy Osmani for the predictive crawling suggestion here .
Fortunately, there are a few different tools you can use to quickly get started using the prerender attribute.
You can easily implement an instant preloading strategy using a tool called instant.page . Installation is as easy as adding the script to your page.
Predictive prefetching with Guess.js
Guess.js uses Google Analytics data to implement predictive ecuador mobile database prefetching. Please note that this is an alpha product, so you may not use it in production yet.
Using Quicklink to implement idle prefetching
Another great free tool from the Google team is Quicklink . Again, installation is quick and easy.
Quicklink attempts to make navigation to subsequent pages load faster. It:
Detecting links within the viewport (using Intersection Observer)
Wait for the browser to be idle (using requestIdleCallback)
Check if the user is on a slow connection (using navigatoronnection.effectiveType) or has data saver enabled (using navigatoronnection.saveData)
Prefetch linked URLs (using <link rel=prefetch> or XHR). Provides some control over request priority (can switch to fetch() if supported).