Lazy is a delayed image loading plugin for jQuery. It is designed to speed up page loading times and decrease traffic to your users and customers. It does not only support images in <img/>
tags, even backgrounds supplied with css like background-image
or other methods are supported.
For documentation, examples and other information take a look on the project page.
The basic usage is quite simple. Just change the image tags and add Lazy to all images you want to lazy load.
<img class="lazy" data-src="path/to/image_to_load.jpg" src="" />
jQuery("img.lazy").Lazy();
Lazy is available through Bower. Just use bower install jquery-lazy
.