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.

QueryLoader v2

QueryLoader2 does is simply scanning the given elements for images (and background images) and preloading them before the website is visible.

JAIL

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

Lazy Load is a jQuery plugin written in JavaScript. It delays loading of images in long web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading.

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

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.

Image Loading

This tutorial will show how to load images in the background, and once loaded handle the event and create your own response.

Ajaxload

Ajax loading gif generator.

spin.js

Spin.js is a tiny JavaScript library that enables us to generate loading/activity indicators without any images.

CSS load.net

Loading CSS spinners and bars generator for AJAX & JQuery.