Lazy Load "Generic Placeholder"

📝 Note: Toggling on this option will remove the blurry placeholder from the lazy-load effect.

🖲 Enabling the Option

1

Navigate to  Optimole > Settings > Advanced > Lazyload.

2

Enable the Generic lazyload placeholder.

By default, for lazy loading, we use a low-quality representation of the image being lazy-loaded. 

If this behavior is not desired, you can toggle this option ON.

This will replace the low-quality image with a generic transparent placeholder.

📝Note: Sometimes, if this option is enabled could cause wrong size calculation for the final optimized images with some themes. You should check how this option is affecting your website. Also, if you encounter any issues, don’t hesitate to contact us. 

🎨 Placeholder Color

By default, the lazy load placeholder is transparent, which means that until the images are loaded, you cannot see exactly where the image appears. Using the color options for the placeholder, you can adjust the color and obtain a visible placeholder.

💡Result

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