Lazy Load Divi Slider Backgrounds

FAQ

What are the requirements?

The Divi Builder by Elegant Themes.

Something else?

jQuery, but chances are you already load it. Most popular themes use it.

What is Lazy Loading and why should I care?

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 websites load speed. If youve used Googles PageSpeed Insights tool, you may have seen an opportunity called Defer offscreen images. Google basically tells us to lazy load our images.

I already have a lazy loading plugin!

Most lazy loading plugins handle only the elements from your pages.
Lazy loading background images requires a different approach and this plugin is specially designed to handle Divi Builders Slider Module.

What about browser support?

All modern browsers are supported.

What about users without JavaScript?

If a visitor has disabled their JavaScript, they will still see the slider images as normal.
However, they wont benefit from lazy loading.

Will this plugin affect the performance in a bad way?

The plugin should not cause any slowdown.
Its designed to help improve your websites performance.
The plugin wont 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 pages content and if there is a slider with a background image the CSS and JS get printed.
All other posts/pages wont be affected to maximize performance.

It doesnt work on my website. Do you know why?

1. Check if the Divi Builder (or Divi Theme) is updated.
2. Check if the browsers console (F12) shows any errors. jQuery should be loaded and if its not you will see an error.

Anything else you may recommend?

Yes! Check out my other plugin if you have sections with background images: Lazy Load Divi Section Backgrounds