Here are 9 jQuery plugins & tutorials that will save on page load time when you have a lot of images to load.
BttrLazyLoading is a Jquery plugin that allows your web application to only load images within the viewport. It also allows you to have different version of an image for 4 different screen sizes.
jQuery Lazy Load XT
Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.
A jQuery plugin provides a lazyload function for images, iframe or anything.
A very lightweight plugin to lazy load images for jQuery or Zepto.js
Lazy Load Plugin for jQuery
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.
jQuery Lazy – Delayed Image and Background Loader
Lazy is a fast and lightweight delayed image and background loading plugin for jQuery. It is designed to speed up page loading times and decrease traffic to your users and customers by only loading the content in view. You can use Lazy in all scroll ways, from top-to-bottom, bottom-to-top, left-to-right and right-to-left.
This is a jQuery plugin to lazy load Youtube videos.
Taking Control of Image Loading
Having a beautiful, smooth and speedy loading experience for your site is a crucial part of good UX, and should be considered a common courtesy to your designer. After all, who wants to see their design spoiled by choppy line-by-line image loading every time they log on?
How to Create Lazy-Loading Images for your Website
The effects of lazy load images can be seen on a number of websites. This technique forces your images to pause the loading process until the reader has viewed that specific area of the page. Web designers can build this onto a webpage through a number of resources, especially jQuery plugins.