The portion of images and video in the typical payload of a website can be significant. You may be willing to cut any media resources, but it’s not the right way. Fortunately, lazy loading is a solution that lowers initial page payload and load time, but doesn’t skimp on content.
Lazy Load delays loading of images in long web pages. Images outside of view port will not be loaded before user scrolls to them.
An example of image lazy loading in action. A placeholder image is loaded at page load (left), and when scrolled into the view port, the final image loads at the time of need.