Nico

<p>Minimalistic lazyloading, loads images as they come into view. Adds native lazyloading to all images and embeds (Chrome) and adds a polyfill (1.07 KiB gzipped) to make it work in all browsers.</p>
<ul>
<li><a href="https://nextgenthemes.com/plugins/native-lazyload-polyfill/" rel="nofollow ugc">Homepage</a></li>
<li><a href="https://gitlab.com/nnico/native-lazyload-polyfill" rel="nofollow ugc">Gitlab</a></li>
</ul>
<h3>How it works technically (if you care)</h3>
<ul>
<li>Adds <code>loading="lazy"</code> to all <code><img></code> and <code><iframe></code> inside <code>the_content</code> and other areas.</li>
<li>Also wraps <code><img></code>, <code><iframe></code> and the content of <code><pictures></code> in <code><noscript></code>.</li>
<li>Adds the <a href="https://github.com/mfranzke/loading-attribute-polyfill" rel="nofollow ugc">loading-attribute-polyfill</a> to do its magic in JavaScript.</li>
</ul>
<p>Feedback/Help is very welcome.</p>


Native Lazyload + Polyfill

Adds native lazyloading to all images and embeds (Chrome) and adds a polyfill to make it work in all browsers.

shinsenter

<p>⚡️ Experience lightning-fast load times with our native, blazingly quick lazy loader. ✅ Backward compatible with legacy browsers (IE9+). 💯 SEO-optimized. 🧩 Lazy-load everything.</p>
<p>This plugin empowers you to optimize a wide range of elements, including images, videos, audio, iframes, stylesheets, and JavaScript, for a seamless user experience.</p>
<p>Leveraging tips from seasoned web experts and harnessing the latest web technologies for resource lazy-loading, this plugin ensures your website operates at peak efficiency, providing your visitors with a lightning-fast browsing experience.</p>
<p>If you find this plugin valuable, please consider leaving a <a href="https://wordpress.org/support/plugin/shins-pageload-magic/reviews/?filter=5#new-post" rel="ugc">5-star review (⭐️⭐️⭐️⭐️⭐️)</a> to support my efforts.</p>
<h3>What People Love</h3>
<ul>
<li>⚡️ Native API, blazingly fast performance</li>
<li>👍 Support for legacy browsers (IE9+)</li>
<li>🥇 SEO-friendly optimization</li>
<li>✅ Incredibly easy to use</li>
<li>💯 No dependencies, no jQuery required</li>
<li>🤝 Works seamlessly with your favorite frameworks</li>
<li>🧩 Utilizes <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" rel="nofollow ugc">IntersectionObserver API</a> for optimized CPU usage</li>
<li>🏞 Supports responsive images with <code>srcset</code> and <code>sizes</code> attributes</li>
</ul>
<p>💡 Tip: For optimal results, consider disabling optimization features from other plugins (e.g., lazy-loading, HTML minification, JS minification).</p>
<p>We recommend using this plugin alongside another page-caching solution for best performance.</p>
</p>
<h3>Browser support</h3>
<p>This plugin also works perfectly on popular browsers, including Internet Explorer 9 and later.</p>
<ul>
<li>🖥 IE9+ / Microsoft EDGE</li>
<li>🖥 Firefox 4+</li>
<li>🖥 Safari 3+</li>
<li>🖥 Chrome</li>
<li>🖥 Opera</li>
<li>📱 Android 4+</li>
<li>📱 iOS 3.2+</li>
</ul>
<h3>Powered by defer.js, defer.php</h3>
<p><a href="https://code.shin.company/defer.js" rel="nofollow ugc">defer.js</a><br />
🥇 A super small, super efficient library that helps you lazy load almost everything like images, video, audio, iframes as well as stylesheets, and JavaScript.</p>
<p><a href="https://code.shin.company/defer.php" rel="nofollow ugc">defer.php</a><br />
🚀 A PHP library that focuses on minimizing payload size of HTML document and optimizing processing on the browser when rendering the web page.</p>
<h4>Key features</h4>
<ul>
<li>[x] Embed <a href="https://code.shin.company/defer.js" rel="nofollow ugc">defer.js</a> plugin</li>
<li>[x] Normalize DOM elements</li>
<li>[x] Fix missing meta tags</li>
<li>[x] Fix missing media attributes</li>
<li>[x] Preconnect to required origins</li>
<li>[x] Preload key requests</li>
<li>[x] Prefetch key requests</li>
<li>[x] Browser-level image lazy-loading for the web</li>
<li>[x] Lazy-load offscreen and hidden iframes</li>
<li>[x] Lazy-load offscreen and hidden videos</li>
<li>[x] Lazy-load offscreen and hidden images</li>
<li>[x] Lazy-load CSS background images</li>
<li>[x] Reduce the impact of JavaScript</li>
<li>[x] Defer non-critical CSS requests</li>
<li>[x] Defer third-party assets</li>
<li>[x] Add fallback <code><noscript></code> tags for lazy-loaded objects</li>
<li>[x] Add custom HTML while browser is rendering the page (splashscreen)</li>
<li>[x] Attribute to ignore optimizing the element</li>
<li>[x] Attribute to ignore lazyloading the element</li>
<li>[x] Optimize AMP document</li>
<li>[x] Minify HTML output</li>
</ul>
<h3>Support my activities</h3>
<p>Keep up-to-date with new releases:<br />
<a href="https://wordpress.org/plugins/shins-pageload-magic/" rel="ugc">https://wordpress.org/plugins/shins-pageload-magic/</a></p>
<p><a href="https://www.paypal.me/shinsenter" rel="nofollow ugc">Donate via Paypal</a><br />
<a href="https://www.patreon.com/appseeds" rel="nofollow ugc">Become a sponsor</a><br />
<a href="https://code.shin.company/defer-wordpress/stargazers" rel="nofollow ugc">Become a stargazer</a><br />
<a href="https://code.shin.company/defer-wordpress/issues/new" rel="nofollow ugc">Report an issue</a></p>
<p>Released under the GNU General Public License v2 license.<br />
<a href="https://code.shin.company/defer-wordpress/blob/master/LICENSE" rel="nofollow ugc">https://code.shin.company/defer-wordpress/blob/master/LICENSE</a></p>
<p>Copyright (c) 2024 Mai Nhut Tan <<a href="mailto:shin@shin.company" rel="nofollow ugc">shin@shin.company</a>></p>


A faster website! (aka defer.js)

🚀 Unleash the power of cutting edge WordPress optimization tech. 💯 SEO-Optimized and 🎯 Effortlessly User-Friendly!

Native Lazyload + Polyfill vs A faster website! (aka defer.js)