Handling Large Blobs medium
For a feed with 100 images, why use 'Lazy Loading'?
- A To make images slightly blurry.
- B It serves images from RAM.
- C To stop the browser from downloading images that are currently off-screen (below the fold), saving bandwidth and speeding up initialization.
- D It uses a CDN.
Answer: C. To stop the browser from downloading images that are currently off-screen (below the fold), saving bandwidth and speeding up initialization.
If a user never scrolls down, those bytes are never fetched. Native `<img loading='lazy'>` now supports this.
One system design question a day, with spaced repetition so the ones you miss come back.
Get the appRelated questions
- Why do modern sites serve images in WebP or AVIF format?
- What does the acronym BLOB stand for?
- Why do we sometimes convert binary images to Base64 strings?
- What is an 'Origin Shield' or 'Mid-Tier Cache' in a CDN architecture?
- How does HLS/DASH handle a user moving from WiFi to 4G (Variable Bandwidth)?
- To avoid overloading the Application Server with bandwidth, how should a client upload a 10GB file?