Lazy Load for All Image-Based Elements (Optimized & Non-Optimized)

Modified on Thu, 26 Jun at 8:39 AM

What’s Changed?

We’ve introduced a performance-focused enhancement that implements lazy loading for all image elements, irrespective of whether image optimization is enabled. This update is now live across funnels, websites, e-commerce pages, and webinar previews. 

Previously, the loading="lazy" attribute was only applied to image tags with image optimization enabled. Consequently, if a user opted out of image optimization, all images loaded immediately, negatively impacting page performance.

With this update:

The loading="lazy" attribute is now automatically added to all image tags, including those that are non-optimized.
This change affects all image-based components, including:

1. FAQ images

2. Blog post images

3. Author profile images

4. Map images

5. Social share icons

6. Featured post images

Benefits of This Enhancement

Faster Initial Page Loads: Only images within or near the viewport will load, enhancing time-to-interactive.
Improved PageSpeed & Core Web Vitals: Optimized resource loading boosts performance scores.
Lower Bandwidth Usage: Reduces unnecessary downloads for off-screen content.
Enhanced User Experience: Content loads smoothly as users scroll.

Why This Matters

This enhancement aims to improve page performance and user experience by enabling lazy loading across all image types, regardless of image optimization settings. It's particularly beneficial on image-heavy pages, such as blogs, FAQs, and e-commerce listings, where users may not scroll through all content.

No action is required—this feature is already active on all supported platforms.  