ThinkSmall

<p>This minimalist lazyloader makes your video pages slimmer and faster. SlimFast replaces heavy YouTube iframes by their thumbnail. <a href="https://thinksmall.me" rel="nofollow ugc">View a demo.</a></p>
<h4>How to use it?</h4>
<p>Paste the url of the YouTube video in a page (for example <code>https://youtu.be/neV3EPgvZ3g</code>). WordPress will convert it into a video iframe. SlimFast will take it from there and replace the iframe by the video thumbnail and a button to play the video. This will also work for all pre-existing videos embedded this way.</p>
<h4>What is lazyloading and why is it important to use it on YouTube videos?</h4>
<p>Lazyloading is a technique to make your pages load faster, by only loading required elements when the visitor requests them. The page speed is a key element in Google’s algorithm to rank pages.</p>
<p>Embedding a YouTube iframe will load a lot of scripts for every single video and will slow down your page, especially if your visitor doesn’t have a top connection. Hence the need for lazyloaders!</p>
<p>2 types of lazyloaders exist:</p>
<ul>
<li>
<p>Those who load the video iframe when the visitor scrolls down to the point where he sees the video on his screen.</p>
</li>
<li>
<p>Those who load the iframe after the visitor clicks the Play button. SlimFast is one of those. We believe it is the best approach to let your visitor decide if he wants to click or not, and only load the iframe if he clicks.</p>
</li>
</ul>
<p>See a comparison of performances with/without SlimFast in the “Screenshots” section.</p>
<h4>Why is SlimFast better than other YouTube lazyloading plugins?</h4>
<ol>
<li>
<p>Because they require 2 click to play a video: 1 to load the iframe, 1 to play it! This is actually the reason why we built this plugin: SlimFast loads & play videos with 1 single click, even on mobile! Think about your User Experience, it’s crucial. Your visitors are frustrated if they have to click twice on that Play button to launch a video!</p>
</li>
<li>
<p>Because it doesn’t use any custom shortcode. WordPress already recognises YouTube videos when you paste their urls. SlimFast takes it from there. Why bother with shortcodes? Think long term! Shortcodes are painful if you decide to drop a plugin. If you’re unhappy with SlimFast, just deactivate it and all your YouTube videos will be back to their default iframes.</p>
</li>
<li>
<p>Because we’ve made it as light as possible! The plugin only adds 3 small scripts (YouTube iframe API, 1 custom javascript and 1 css) to your pages containing YouTube videos, for an extra weight of 4KB only. And nothing will be loaded if your pages don’t have YouTube videos! This is why you’ll only see 1 custom setting. We decided to sacrifice all settings (such as playlists support and video titles) that would add unnecessary weight. How many options do you really need on your WordPress plugins?</p>
</li>
</ol>
<h4>Is it possible not to use SlimFast on specific videos?</h4>
<p>Of course! Juste paste the iframe code provided by YouTube (for example <code><iframe width= »560″ height= »315″ src= »https://www.youtube.com/embed/neV3EPgvZ3g » frameborder= »0″ allow= »accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture » allowfullscreen></iframe></code>) and SlimFast will leave it intact. Do it if you feel like certain videos deserve features we’ve cut.</p>
<h4>What is in the code?</h4>
<ul>
<li>Just 3 little scripts (YouTube iframe API, 1 custom javascript and 1 css).</li>
<li>These will be loaded on your pages containing YouTube videos for an extra weight of 4KB only. Nothing will be loaded on pages that don’t host YouTube videos.</li>
<li>No JavaScript library such as jQuery is used to ensure a maximum compatibility with all themes.</li>
</ul>
<h3>Demo</h3>
<p><a href="https://thinksmall.me" rel="nofollow ugc">View a demo.</a></p>


SlimFast – YouTube Lazyloader

This minimalist lazyloader makes your video pages slimmer and faster. SlimFast replaces heavy YouTube iframes by their thumbnail. View a demo.

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!

SlimFast – YouTube Lazyloader vs A faster website! (aka defer.js)