Speed up your website by lazy loading slider backgrounds. This plugin works only with the Divi Builder.
Optimize your website’s image delivery by lazy loading slider backgrounds.
This plugin works only with the Divi Builder, usually part of the Divi Theme.
No configuration required.
If you are looking to optimize your Divi-based website even further, check out my other plugins:
Lazy Load Divi Section Backgrounds
Responsive Divi Backgrounds
The Divi Builder by Elegant Themes.
jQuery, but chances are you already load it. Most popular themes use it.
Lazy loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. Where images are concerned, “non-critical” is often synonymous with “off-screen”. By lazy loading images, you improve your website’s load speed. If you’ve used Google’s PageSpeed Insights tool, you may have seen an opportunity called “Defer offscreen images”. Google basically tells us to lazy load our images.
Most lazy loading plugins handle only the <img>
elements from your pages.
Lazy loading background images requires a different approach and this plugin is specially designed to handle Divi Builder’s Slider Module.
All modern browsers are supported.
If a visitor has disabled their JavaScript, they will still see the slider images as normal.
However, they won’t benefit from lazy loading.
The plugin should not cause any slowdown.
It’s designed to help improve your website’s performance.
The plugin won’t load any additional files.
Instead, it prints CSS and JS inline in the section and after the main content respectively.
Unlike most plugins, the required resources are only included on the pages which need them.
The plugin checks the current page’s content and if there is a slider with a background image the CSS and JS get printed.
All other posts/pages won’t be affected to maximize performance.
Yes! Check out my other plugin if you have sections with background images: Lazy Load Divi Section Backgrounds