System Design · Junior · Question 25 of 75
What should you do with images to make the page load faster?
- ✓Correct answer: Serve modern formats at the right size and lazy-load those below the fold
- 2Embed all images in HTML as base64 to reduce the number of requests
- 3Load images at maximum resolution for every screen
Explanation
AVIF/WebP, srcset for screen size, loading="lazy" for off-screen images, dimensions to prevent CLS, a CDN with optimization. Base64 inflates HTML by a third and isn't cached separately - it's justified only for tiny icons.