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.

Francisco Torres

<p>¿What is <a href="https://developers.google.com/chrome/whitepapers/prerender" rel="nofollow ugc">Prerender</a> and <a href="http://en.wikipedia.org/wiki/Link_prefetching" rel="nofollow ugc">Prefetch</a>? Nice question. It’s a new-navigators technique (ok i’m a liar, Mozilla do it from 2003!) that loads in background the next page you believe the visitor is going to visit.</p>
<p>This plugin puts the required metatag in your WordPress pages, based on settings you can change, allowing those compatible navigators to do a pre-load of the next page. When the visitor try to visit that page Boom! it just appears without need to wait for it!</p>
<h4>Testing Prerender and Prefetch Support in your navigator</h4>
<p>You can <a href="http://prerender-test.appspot.com/" rel="nofollow ugc">test here Chrome’s prerender</a> with any page.</p>
<h4>Install and after install</h4>
<p>*When installing, remember to set the server’s load limit on settings.<br />
*This is a plugin in development, feel free to ask questions in “Support” section and colaborate with it.</p>


Prerender and Prefetch

Puts Prerender and Prefetch tag in the page. Allowing compatible navigators to do a pre-load of the page you figure the visitor is going to go.

Quicklink for WordPress vs Prerender and Prefetch