Lazy Loading

Lazy loading is a performance optimisation technique that defers the loading of non-critical resources (images, videos, components) until they are about to enter the viewport. Instead of loading all images on page load, lazy loading fetches them only when a user scrolls near them. This reduces initial page weight, improves LCP, and can dramatically reduce bandwidth usage — especially on image-heavy pages.