Lazy loading

Lazy loading is a technique that delays loading non-critical website elements until they’re needed. Instead of loading all images and content at once, it loads them as you scroll down the page. This approach makes your website load faster initially, saves bandwidth, and improves the user experience. It’s especially useful for long pages with lots of images or media-heavy websites.

See also: Image compression, Largest Contentful Paint (LCP)

Further reading: How Lazy Loading Images Can Improve Web Performance, and How to Optimise Images for Better Web Performance