Gijo Varghese

<p>Flying Pages preload pages before the user click on it, making them load instantly</p>
<h3>How it Works?</h3>
<p>Flying Pages injects a tiny JavaScript code (1KB gzipped), waits until the browser becomes idle. Then it detects pages in the viewport and on mouse hover and preloads them.</p>
<p>Flying Pages is intelligent to make sure preloading doesn’t crash your server or make it slow.</p>
<ul>
<li>
<p><strong>Preload pages in the viewport</strong> – Detect links within the viewport (current viewing area) using ‘Intersection Observer’ and tells the browser to preload them using ‘prefetch’, switch to xhr if not available (similar to <a href="https://github.com/GoogleChromeLabs/quicklink" rel="nofollow ugc">Quicklink</a>).</p>
</li>
<li>
<p><strong>Preload pages on mouse hover</strong> – On hovering links, if it’s not preloaded yet using above ‘viewport’, then Flying Pages will prefetch them instantly (similar to <a href="https://instant.page/" rel="nofollow ugc">Instant.page</a>).</p>
</li>
<li>
<p><strong>Limits the number of preloads per second</strong> – If your page has too many links, prefetching all at the same time will cause the server to crash or slow down the website to visitors. Flying Pages limits the number of preloads per second (3 req/sec by default) using an in-built queue. For example, if you’ve 10 links in the viewport, preloading all these are span into 4 seconds.</p>
</li>
<li>
<p><strong>Stops preloading if the server is busy</strong> – In case the server starts to respond slowly or return errors, preloading will be stopped to reduce the server load.</p>
</li>
<li>
<p><strong>Understands user’s connection and preferences</strong> – Checks if the user is on a slow connection like 2G or has enabled data-saver. Flying Pages won’t preload anything in this case.</p>
</li>
</ul>
<h3>Support</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/flying-pages/" rel="ugc">Official Support Forum</a></li>
<li><a href="https://www.facebook.com/groups/wpspeedmatters" rel="nofollow ugc">Facebook Group</a></li>
</ul>
<h3>Our premium products</h3>
<ul>
<li><a href="https://flyingpress.com" rel="nofollow ugc">FlyingPress</a></li>
<li><a href="https://flyingcdn.com" rel="nofollow ugc">FlyingCDN</a></li>
</ul>
<h3>Our free plugins</h3>
<ul>
<li><a href="https://wordpress.org/plugins/flying-pages/" rel="ugc">Flying Pages</a></li>
<li><a href="https://wordpress.org/plugins/nazy-load/" rel="ugc">Flying Images</a></li>
<li><a href="https://wordpress.org/plugins/flying-scripts/" rel="ugc">Flying Scripts</a></li>
<li><a href="https://wordpress.org/plugins/flying-analytics/" rel="ugc">Flying Analytics</a></li>
<li><a href="https://wordpress.org/plugins/flying-fonts/" rel="ugc">Flying Fonts</a></li>
</ul>


Flying Pages: Preload Pages for Faster Navigation & Improved User Experience

Preload pages intelligently to boost site speed and enhance user experience by loading pages before users click, ensuring instant page transitions.

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.

Flying Pages: Preload Pages for Faster Navigation & Improved User Experience vs Quicklink for WordPress