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.

snowbedding

<p><a href="https://www.tiptinker.com/image-preloading-wordpress-plugin/" rel="nofollow ugc">Image Preloading</a> is a powerful WordPress plugin that helps improve your website’s performance by preloading images in the background. This results in faster page loading experiences, especially beneficial for photo galleries, image-heavy sites, and e-commerce stores.</p>
<h3>Features</h3>
<ul>
<li><strong>Multiple Preloading Methods</strong>: Choose between JavaScript preloading, modern Link preload headers, or both</li>
<li><strong>Unlimited Image URLs</strong>: Add as many images as you need</li>
<li><strong>Modern JavaScript</strong>: Uses Promise-based loading with proper error handling</li>
<li><strong>Performance Optimized</strong>: Only loads when needed and uses browser idle time when available</li>
<li><strong>Security Focused</strong>: Proper input sanitization and validation</li>
<li><strong>Admin Interface</strong>: Clean, modern settings page integrated with WordPress admin</li>
<li><strong>Localization Ready</strong>: Translation-ready with proper text domains</li>
</ul>
<h3>Preloading Methods</h3>
<ol>
<li><strong>JavaScript Method</strong>: Uses modern JavaScript with Promise-based image loading. Compatible with all browsers.</li>
<li><strong>Link Preload</strong>: Uses HTML <code><link rel="preload"></code> tags for modern browsers with native preloading support.</li>
<li><strong>Both Methods</strong>: Combines both approaches for maximum compatibility and performance.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Photo galleries and portfolios</li>
<li>E-commerce product images</li>
<li>Hero banners and sliders</li>
<li>Background images</li>
<li>Any image-heavy content</li>
</ul>
<h3>Support</h3>
<p>For support, bug reports, or feature requests, please visit: <a href="https://github.com/tiptinker/image-preloading" rel="nofollow ugc">Github</a></p>
<h3>Contributing</h3>
<p>Contributions are welcome! Please feel free to submit pull requests or open issues on GitHub.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
License URI: https://www.gnu.org/licenses/gpl-2.0.html</p>


Image Preloading

Syntax issue Please Testing a code

Modern image preloading/prefetching plugin for WordPress to improve page loading performance.

Flying Pages: Preload Pages for Faster Navigation & Improved User Experience vs Image Preloading