lazy loading

Definitions

1. A technique that defers the loading of non-critical resources (images, scripts, components) until they're needed, typically when they enter or approach the viewport. Lazy loading reduces initial page load time, conserves bandwidth, and improves Core Web Vitals. Modern browsers support native lazy loading via the loading='lazy' attribute on images and iframes.

   In plain English: Only loading things when you actually need them — like a website not downloading images until you scroll down to where they appear.

   Example: Adding loading='lazy' to the 200 product images on the category page cut initial page weight from 12MB to 800KB and improved LCP by 3 seconds.

Related Terms

• code splitting
• tree shaking
• Core Web Vitals
• Profile
• Vectorization
• Hot Path
• Lookup Table
• Loop Unrolling
• Memory Budget
• Prefetch
• Profiler
• Template Engine
• Unrolling
• Time to First Byte Culture
• Lighthouse Score Obsession
• StormForge
• Code Performance