Lazy Loading
A technique that defers loading of non-critical resources until they're needed.
Quick Definition
A technique that defers loading of non-critical resources until they're needed.
Full Explanation
Lazy loading is a performance optimization technique that defers the loading of non-critical resources until they're actually needed. Most commonly applied to images, lazy loading means below-the-fold images aren't downloaded until the user scrolls near them. Native lazy loading is supported via the loading='lazy' attribute on img and iframe elements. Lazy loading reduces initial page weight, speeds up initial render, and saves bandwidth for content users never view. However, don't lazy load the LCP element as this will hurt your LCP score. For JavaScript, lazy loading means loading modules only when specific features are used.