Images below the fold slowing page load? Native lazy loading defers them until user scrolls.
Add One Attribute:
<img src="image.jpg" loading="lazy" alt="Description">
Browser only loads image when it’s about to enter viewport. No JavaScript needed!
Works on iframes too:
<iframe src="video.html" loading="lazy"></iframe>
Performance: Page with 50 images below fold loads 3x faster. Images load on-demand as user scrolls.
Browser Support: 97% (all modern browsers)
