Lazy Loading

Lazy loading — the technique of loading only the resources (image, iframe, video) visible on the screen (viewport) for page performance, while those off the screen are loaded as the user scrolls down. It is implemented with the HTML loading='lazy' attribute or with JavaScript. It is one of the most effective Core Web Vitals optimizations to improve LCP (Largest Contentful Paint) value.