You may be searching for the techniques for Lazy Loading Images and Video, here is a technique about how to lazy loading images or videos.
Lazy loading is a technique that defers loading of non-critical resources at page load time. These non-critical resources are loaded at the moment of need.
When we lazy load images and video, we reduce initial page load time, initial page weight, and system resource usage, all of which have positive impacts on performance.
In this guide, we’ll cover some techniques and offer guidance for lazy loading images and video, as well as a short list of some commonly used libraries.
Used with care, lazy loading images and video can seriously lower the initial load time and page payloads on your site.
Users won’t incur unnecessary network activity and processing costs of media resources they may never see, but they can still view those resources if they want.
website: Lazy Loading Images and Video