Optimize browser rendering and reduce number of HTTP round-trips by deferring the loading of images which are not in the viewport. Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
Scroll below to see lazy load in effect. Delay value is set to “-100″. You can use “-300″ to further delay the load of images. These values are actually pixels, If you want images to load earlier you can set delay parameter. Setting delay to 200 causes image to load 200 pixels before it is visible. See how quick the page loads even with so many high quality images.
