Alex Kozack

<p>After loading the page, the plugin starts to follow the user’s screen. And as soon as a link appears on the screen within your site – the browser executes the request and downloads it. Now that the user clicks on the link, the browser will instantly display a new cache page. Thus, User Experience will indicate that your site is loading instantly.</p>
<h3>How it work</h3>
<p>The plugin uses the built-in browser features to predict user behavior for preloading the tourniquet. See <a href="https://en.wikipedia.org/wiki/Link_prefetching" title="Link prefetching" rel="nofollow ugc">this</a></p>
<h3>API</h3>
<p>The plugin also registers a global feature that you can use to preload any URL:</p>
<pre><code>window.prefetch('https://example.com/custom/page')
</code></pre>


Prefetch visible links

Preloads the page before the visitor clicks on the link.

Weston Ruter

Google

Hendrik Luehrsen

WP Munich

<p>Quicklink for WordPress attempts to make navigation to subsequent pages load faster. Embedded with the plugin is a javascript library, which detects links in the viewport, waits until the browser is idle and prefetches the URLs for these links. The library also tries to detect, if the user is on a slow connection or on a data plan.</p>
<p>This plugin builds heavily on the amazing work done by <a href="https://github.com/GoogleChromeLabs/quicklink" rel="nofollow ugc">Google Chrome Labs</a>.</p>
<p>More information about <a href="https://getquick.link" rel="nofollow ugc">Quicklink on the official Website</a>.</p>
<h4>How it works</h4>
<ul>
<li><strong>Detects links within the viewport</strong> (using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" rel="nofollow ugc">Intersection Observer</a>)</li>
<li><strong>Waits until the browser is idle</strong> (using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback" rel="nofollow ugc">requestIdleCallback</a>)</li>
<li><strong>Checks if the user isn’t on a slow connection</strong> (using <code>navigator.connection.effectiveType</code>) or has data-saver enabled (using <code>navigator.connection.saveData</code>)</li>
<li><strong>Prefetches URLs to the links</strong> (using <a href="https://www.w3.org/TR/resource-hints/#prefetch" rel="nofollow ugc"><code><link rel=prefetch></code></a> or XHR). Provides some control over the request priority (can switch to <code>fetch()</code> if supported).</li>
</ul>
<p>If you are a developer, we encourage you to follow along or <a href="https://github.com/luehrsenheinrich/wp-quicklink" rel="nofollow ugc">contribute</a> to the development of this plugin <a href="https://github.com/luehrsenheinrich/wp-quicklink" rel="nofollow ugc">on GitHub</a>.</p>


Quicklink for WordPress

Thanks for publishing this. Works really well. Would be nice to see option to loading Quicklink from a CDN.

Great plugin

⚡️ Faster subsequent page-loads by prefetching in-viewport links during idle time.

Prefetch visible links vs Quicklink for WordPress