Frontend System Design
/Intermediate
Lazy Loading
Definition
Lazy loading is the practice of delaying the initialization or downloading of resources (images, JS chunks) until they are actually needed (e.g., scrolled into the viewport).
Explain Like I'm New
Don't download the pictures at the very bottom of the page until the user actually scrolls down there.
Interactive Example
Loading...
Console output will appear here...
Interview Questions
basic
- How does Lazy Loading fundamentally work?
intermediate
- What are the performance implications of Lazy Loading?
advanced
- How does Lazy Loading scale in an enterprise architecture?
trick
- Are there scenarios where Lazy Loading is an anti-pattern?