Web Development
web
performance
What is Lazy Loading?
Definition
Lazy loading is a technique that defers loading of non-critical resources until they are needed. For images, this means loading them only when they scroll into the viewport. For code, it means splitting bundles and loading modules on demand.
Why It Matters
Lazy loading improves initial page load time by reducing the amount of data downloaded upfront. HTML's native loading='lazy' attribute for images requires no JavaScript. Lazy loading is a Core Web Vitals optimization recommended by Google.