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.

🎥Video - Lazy-load Explained: How to Optimize Your Webpages for Maximum Speed

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.