wao.io

<p><a href="https://wao.io/en/?utm_source=wordpressplugin&utm_medium=description&utm_campaign=landingpageperfopt" rel="nofollow ugc">wao.io</a> is a free plugin to test loading time and security of your wordpress site.</p>
<h3>Performance Features</h3>
<h3>Image Optimization</h3>
<p>The intelligent image optimization algorithm radically reduces file size without suffering a loss in quality.<br />
You can choose between three levels of image compression.<br />
wao.io optimizes your images by converting the original image into the best matching output format that your customer’s client is capable of rendering.</p>
<h3>Lazy Loading</h3>
<p>Using lazy loading, your images will be loaded only shortly before they are visible to the user.<br />
Preloading image placeholders in the size of the original images will prevent your site’s layout from jumping around.<br />
You decide which placeholder option integrates best in your overall webpage design</p>
<h3>HTTP/2 Upgrade</h3>
<p>Enabling wao.io provides an automatic HTTP/2 upgrade for your website.</p>
<h3>Caching</h3>
<p>Your content will be cached in our optimized varnish cache cluster.<br />
In your personal control center you can clear the cache whenever necessary.</p>
<h3>More Loadtime Optimization Features</h3>
<ul>
<li>Head Re-ordering</li>
<li>Legacy Optimization</li>
<li>Code Minification</li>
<li>Ressource Compression</li>
</ul>
<h3>Website Security Features</h3>
<h3>HTTPS/SSL Upgrade</h3>
<p>wao.io provides an automated HTTPS/SSL upgrade for your website. Our powerful rewriting and<br />
redirecting services ensure a smooth transition from HTTP to HTTPS.</p>
<h3>Web Application Firewall</h3>
<p>Using the OWASP ModSecurity Core Rule Set (CRS) wao.io’s web application firewall provides<br />
protection against many common attack categories, including the OWASP Top Ten.<br />
The firewall will be updated periodically by our security experts.</p>
<h3>Browser Security</h3>
<p>Setting HTTP security headers with wao.io will add yet another layer of security to your website.</p>
<h3>Analytics Controll Panel</h3>
<p><strong>Insights</strong></p>
<p>wao.io provides you with all important metrics that help you understand your customers<br />
and the effectiveness of your marketing measures: unique users, sessions and bounce rate.<br />
You can also monitor the percentage of saved traffic served to your clients.</p>
<p><strong>Health</strong><br />
wao.io shows all health data of your website at a glance:<br />
Load time, page weight, and error rate.</p>


WordPress sites often tend to load slowly, especially after adding more plugins. I use wao.io as cloud-based optimizer to make my blog load more quickly again. The plugin offers all the information and a link to a free test + preview option so you can check out in advance.

useful cloud-based web performance optimization

wao.io is a free plugin to test loading time and security of your wordpress site.

Aishan

<p>This plugin enhances page load times by loading only the YouTube video preview image initially. Additionally, it offers the option to make your video sticky, positioning it at the top or bottom of the window when the user scrolls away from the video viewport.</p>
<h3>Features</h3>
<ul>
<li><strong>Lazy Load Videos:</strong> Reduce the amount of time it takes to load your video by loading just the video thumbnail.</li>
<li><strong>Multiple Video Support:</strong> You may quickly and simply add more than one video to a page. Videos can only be played one at a time, and when one is playing, the other one instantly pauses.</li>
<li><strong>Sticky Video:</strong> Keep videos visible as you navigate by adhering them to the top or bottom of the screen to ensure ongoing playback.</li>
<li><strong>Custom Styling:</strong> Adapt your videos’ look to perfectly match the style of your website by using your own CSS.</li>
</ul>
<h3>Usage</h3>
<h3>Method 1: Using the Classic Editor (WP Editor)</h3>
<ol>
<li>
<p><strong>Generate Shortcode in WP Editor:</strong></p>
<ul>
<li>Open the post/page where you want to add the YouTube video.</li>
<li>In the WordPress editor, click on the <strong>LLVASC</strong> icon. This will open a popup window.</li>
<li>In the popup, add your YouTube video ID. The video ID is the unique alphanumeric code found at the end of your YouTube video URL. For example, in <code>https://www.youtube.com/watch?v=iXGoAj7IEys</code>, the video ID is <code>iXGoAj7IEys</code>.</li>
<li>After entering the video ID, click “Ok”. This action will generate and insert a shortcode into your content.</li>
</ul>
</li>
<li>
<p><strong>Shortcode Format:</strong></p>
<ul>
<li>The shortcode added to your content will look like this:<br />
  [lazy-load-videos-and-sticky-control id=”Youtube-video-ID”]</li>
<li>For example, if your video ID is <code>iXGoAj7IEys</code>, the shortcode will be:<br />
  [lazy-load-videos-and-sticky-control id=”iXGoAj7IEys”]</li>
</ul>
</li>
<li>
<p><strong>Save/Update:</strong></p>
<ul>
<li>Save or update your post/page to apply the changes.</li>
</ul>
</li>
<li>
<p><strong>Preview and Customize:</strong></p>
<ul>
<li>Preview your page to see the embedded video.</li>
<li>If you need to adjust the styling, you can add custom CSS in the General tab of the plugin settings.</li>
</ul>
</li>
</ol>
<h3>Method 2: Using Gutenberg Block</h3>
<ol>
<li>
<p><strong>Add a Block:</strong></p>
<ul>
<li>Open the post/page where you want to add the YouTube video using the Gutenberg editor.</li>
<li>Click on the “+” icon to add a new block.</li>
</ul>
</li>
<li>
<p><strong>Select the </strong><strong><em>LLVASC</em></strong> Block:</p>
<ul>
<li>Search for the “LLVASC” block in the block library.</li>
<li>Add this block to your content.</li>
</ul>
</li>
<li>
<p><strong>Enter YouTube Video ID:</strong></p>
<ul>
<li>In the LLVASC block settings inspect control, select your video platform and enter your video ID. For example, if your YouTube video URL is <code>https://www.youtube.com/watch?v=iXGoAj7IEys</code>, the video ID is <code>iXGoAj7IEys</code>.</li>
</ul>
</li>
<li>
<p><strong>Save/Update:</strong></p>
<ul>
<li>Save or update your post/page to apply the changes.</li>
</ul>
</li>
<li>
<p><strong>Preview and Customize:</strong></p>
<ul>
<li>Preview your page to see the embedded video.</li>
<li>Customize the block settings as needed to adjust the appearance and functionality.</li>
</ul>
</li>
</ol>
<h3>Demo Preview</h3>
<p><a href="https://preview-plugin.web.app/lazy-load-videos-and-sticky-control.html" rel="nofollow ugc">Demo</a></p>


Lazy load videos and sticky control

Lazy load and sticky your video. Super-easy and fun!

wao.io vs Lazy load videos and sticky control