Lazy loading is a strategy that defers loading non-critical resources (images, videos, iframes, etc.) until they are needed (e.g., when a user scrolls). This shortens the initial critical rendering path and reduces initial page weight. In practice, a lazy-loaded image uses a placeholder (or low-res preview) and ...