How to enable the background lazyload feature for certain background images ?

This guide covers how to use the lazyload background feature.

First, you need to enable the feature from the Optimole settings ( Advanced > Lazyload ); then, add CSS selectors to target the desired images for background lazyload and save the changes.

For example, if you have background images on HTML tags that contain the class my_class_for_image  you would add the following CSS selector .my_class_for_image, and if you also have tags that have background images and have the following id: my_id, you add the selector: #my_id, like this:

📝Note: A complete list of available CSS selectors and their meanings can be found here.