Sourabh Agrawal

Measure Marketing Results Inc.

This plugin gives you the ability to optimize the YouTube videos on your website. By default if you use the direct embeded code in your website, then it downloads the YouTube player on every occurance of YouTube video.
This plugin show a video thumbnail to your viewer and loads the YouTube video only when user click on the play icon.
<h4>How does it work?</h4>
Untill the user click on the play button, the YouTube will not load on the website.
Short code Pattern: 
<pre><code>[ib_youtube video="<video_id>" image="<image_placeholder_link>" width="640" height="360" thumbnail="maxresdefault"]
</code></pre>
Example 1 – With Embed Link and Custom Banner: 
<pre><code>[ib_youtube video="https://www.youtube.com/embed/ZfaqLBRP5Yo" image="http://example.com/image.jpg"]
</code></pre>
Example 2 – With a normal YouTube watch link and no banner(Thumbnail generated automatically): 
<pre><code>[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo"]
</code></pre>
Example 3 – With customized width and height for your Video: 
<pre><code>[ib_youtube video="https://www.youtube.com/watch?v=ZfaqLBRP5Yo" width="560" height="315"]
</code></pre>
<h4>Parameters</h4>
– video (Required): You can use either YouTube video id or directly add the url.
– image (Optional): Full URL of the thumbnail url. By default it shows the thumbnail of the video.
– width (Optional): Width of the image/video. Default value is 640px.
– height (Optional): Height of the image/video. Default value is 360px.
– thumbnail (Optional): Manage the thumbnail of the video image. you can follow the instruction below to choose the size:
Each YouTube video has generated 4 images. They are predictably formatted as follows:
<pre><code>[ib_youtube video="<video_id>" thumbnail="0" height="360"] 
[ib_youtube video="<video_id>" thumbnail="1" height="360"]
[ib_youtube video="<video_id>" thumbnail="2" height="360"]
[ib_youtube video="<video_id>" thumbnail="3" height="360"]
</code></pre>
You can also choose different sizes of the images:
<pre><code>Default Size: [ib_youtube video="<video_id>" thumbnail="default" height="360"]
SD quality: [ib_youtube video="<video_id>" thumbnail="sddefault" height="360"]
HD quality: [ib_youtube video="<video_id>" thumbnail="hqdefault" height="360"]
Medium quality: [ib_youtube video="<video_id>" thumbnail="mqdefault" height="360"]
Maximum resolution: [ib_youtube video="<video_id>" thumbnail="maxresdefault" height="360"]
</code></pre>
Contributors 
* This plugin was developed by <a href="https://measuremarketing.net/" rel="nofollow ugc">Measure Marketing Results Inc.</a>.

WP YouTube Video Optimizer

This is the #1 WordPress plugin that helps you to optimize the YouTube videos on your website by using simple shortcode.

Must Use Plugin for YouTube Videos

The #1 wordpress plugin that helps you optimize the YouTube videos on your site by using simple shortcode(s).

Gijo Varghese

Flying Pages preload pages before the user click on it, making them load instantly
<h3>How it Works?</h3>
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.
Flying Pages is intelligent to make sure preloading doesn’t crash your server or make it slow.
<ul>
<li>
Preload pages in the viewport – 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>).
</li>
<li>
Preload pages on mouse hover – 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>).
</li>
<li>
Limits the number of preloads per second – 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.
</li>
<li>
Stops preloading if the server is busy – In case the server starts to respond slowly or return errors, preloading will be stopped to reduce the server load.
</li>
<li>
Understands user’s connection and preferences – 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.
</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.

WP YouTube Video Optimizer vs Flying Pages: Preload Pages for Faster Navigation & Improved User Experience