What you need to know
Loading every large image immediately competes for bandwidth and can slow the first useful view. Lazy loading lets the browser request offscreen images as they approach the viewport.
How to apply it
Use native lazy loading or a framework's default behavior for non-critical images. Keep the main hero image eager or prioritized only when it is truly the leading visual, and provide dimensions to avoid shifts.
Common mistake to avoid
Do not lazy-load the main image that determines the largest contentful paint. That can delay the very content you are trying to improve.
