Websites that use a lot of imagery such as portfolio websites need to be optimized for faster processing and rendering of images. However, this is not possible all the time. Sometimes you really need to display large images that eventually cause the web page to load slowly in the browser. So here some excellent jquery plugins that will help loading images asynchronously and it can be used to make your page load faster.
QueryLoader2 does is simply scanning the given elements for images (and background images) and preloading them before the website is visible.
JAIL aka jQuery Asynchronous Image Loader plugin is a lightweight plugin for jQuery (just 4Kb for the minified version), really simple and powerful. It is used when you have got images, which have large dimension, in a page and you do not want to compromise the user experience making the page load slow. The main concept behind this plugin is deferring the loading of the images after the page is loaded.
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.
prettyLoader is a small (less than 4kb uncompressed) jQuery plugin that aim at making your life easier regarding ajax loader display.
PageLoading – jQuery plugin
This jQuery plugin that will allow you to show a loading view during the loading of a web page.
Simple Content Loader
Simple Ajax Loader provides a clean and easy way to call in data from a remote page. The beauty of this plugin is in the settings. We provide lots of options to help you customize this plugin to your preference.
This tutorial will show how to load images in the background, and once loaded handle the event and create your own response.
Ajax loading gif generator.
Loading CSS spinners and bars generator for AJAX & JQuery.