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.

Justin Downey

<p>This plugin adds the <code>loading</code> attribute to IMG tags found when filtering <code>the_content()</code> to support native image lazy loading.</p>
<p>For more information about lazy loading images using this new native browser image attribute, check out this article: <a href="https://addyosmani.com/blog/lazy-loading/" rel="nofollow ugc">https://addyosmani.com/blog/lazy-loading/</a> and for a little more depth into what we’re doing here, check out our <a href="https://jdmdig.it/30nXp7h" rel="nofollow ugc">explainer post</a>.</p>
<p>Historically, to limit the impact offscreen images have on page load times, developers have needed to use a JavaScript library (like <a href="https://github.com/aFarkas/lazysizes" rel="nofollow ugc">LazySizes</a> or <a href="https://www.andreaverlicchi.eu/lazyload/" rel="nofollow ugc">Vanilla-LazyLoad</a>) in order to defer fetching these images until a user scrolls near them.  What if the browser could avoid loading these offscreen images for you?</p>
<p>The <code>loading</code> attribute instructs a browser to defer loading offscreen images until users scroll near them. It comes in three flavors: <strong>eager</strong>, <strong>auto</strong>, and <strong>lazy</strong>.  Install this plugin and you can set the first image’s loading attribute and the loading attribute for all the subsequent images sent through <code>the_content()</code> in the plugin’s settings page.</p>
<p><strong>Simple is Beautiful</strong></p>
<p>There is no JavaScript or CSS included in the plugin.  It just works in browsers that support the new <code>loading</code> image attribute.</p>
<p>For browsers that don’t support this new image loading attribute, that’s ok.  You can still use whatever JavaScript-based image lazy loader you want as a fallback until browser support becomes a little more mainstream.</p>


Native Image Lazy Loading

Automatically add the new loading attribute to images within your content to support native image lazy loading.

wao.io vs Native Image Lazy Loading