Native Lazy-Loading Launched on Chrome 76!

Native Lazy-Loading Launched on Chrome 76!

I woke up to this amazing news this morning and couldn't think of anything better than to share with you. Given that I'm a big fan of performance optimizations, and the fact that I had written about lazy loading components with the native Intersection Observer API, it is only right that this update is brought to you.

[…]

Loading iFrames Basically, iframes can either be hidden or visible. For the loading attribute feature, Chrome handles the effect on iframes differently depending on whether the iframe is hidden or visible. Hidden iframes are often used for analytics or communication purposes.

[…]

As a result, If an iframe is considered hidden, Chrome won't lazy-load it in most cases. Iframes that aren't hidden will only load when they're within the load-in distance threshold. In any case, a placeholder shows for lazy-loaded iframes that are still being fetched.

[…]