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.

Proloy Bhaduri

<p>This plugin will delay the loading of  background images in your website and thus helps boosting the website loading time by reducing total number of HTTP requests.</p>
<h3>Quick Notes & Links</h3>
<ol>
<li>Do not lazyload background images which are peresent above the fold because this will increase time to First Contentful Paint(FCP)  metric and affect the speed of your website . </li>
<li>Background images that are added using inline CSS e.g, <code><p style=" background-image: url( path/to/background-img.jpg )" > </p></code> are lazyloaded by this plugin by default . </li>
<li>No dependencies required  for this plugin  to work. </li>
<li>No extra HTTP request </li>
<li>Add the selectors of the elements that have background images in the plugin settings page  or add <code>lazyload-bg</code> class to the element .</li>
<li><a href="https://proloybhaduri.com/" title="WordPress Tips and Tricks by Proloy Bhaduri" rel="nofollow ugc">WordPress Tips and Tricks By Proloy Bhaduri</a></li>
<li><a href="https://www.buymeacoffee.com/proloybhaduri/" title="Support Proloy Bhaduri" rel="nofollow ugc">Buy me a Coffee</a></li>
</ol>
<h4>Works smoothly with almost every page builders</h4>
<h3>Exclude certain inline background images from lazy loading using filter hook <code>lazyload_inline_bg_excludes</code></h3>
<p>add_filter(‘lazyload_inline_bg_excludes’,function($exclude_keywords){<br />
    $exclude_keywords = [<br />
        ‘bg-image.jpg’,<br />
        ‘class-name’,<br />
        ‘id’,<br />
        ‘or any unique keyword that the element with background image has’<br />
    ];<br />
 },10,1);</p>
<p>Note: Add the above code to the <code>functions.php</code> file of your active theme/child theme or using a code snippets plugin.</p>


LazyLoad Background Images

Helps deferring offscreen background images and improves website speed by reducing HTTP requests .

wao.io vs LazyLoad Background Images