WordPress plugin for defer offscreen images – Lazy Load Optimizer

Lazy loading images to speed up sites page load speed in WordPress. Compatible with WooCommerce.

This plugin uses lazysizes – is the most popular, high performance and SEO friendly lazy loader for images.

 

Plugin features

  • Lazy loading images inserted in posts, pages, custom post types, text widgets;
  • Lazy loading image gallery, image widget, image gallery widget;
  • Lazy loading product images, product category images in WooCommerce;
  • Improves PageSpeed Insights Results, fixes error "defer offscreen images";
  • Lazy loading iframes;
  • Lightweight and fast.

Plugin settings

  • Image loading effects - spinner, or fade in;
  • custom spinner;
  • additional animation, setting its speed;
  • change the background of the image;
  • transparent background.

How to use?

Just activate the plugin. Additional settings is not required.

What is lazy loadind?

Lazy loading is the strategy of loading resources as they are needed, rather than in advance. This approach frees up resources during the initial page load and avoids loading assets that are never used.

Images that are offscreen during the initial pageload are ideal candidates for this technique.

How to lazyload a background image?

In case you want to lazyload a background image via a class you can do so by using the addClasses option:

<style>
.bg-stage.lazyloaded {
background-image: url(lazyloaded-bg.jpg);
}
</style>
<div class="bg-stage lazyload">
    <!-- content -->
</div>

Updated: 28.03.2019

Did this plugin help you? Rate it!
(1 votes, average: 5.00 out of 5)
Loading...


Any suggestions for improving the plugin? Leave them in the comments.

Leave a Reply

Your email address will not be published. Required fields are marked *