Best jQuery Lazy Load Plugins & Tutorials with Demo

Progressively : JavaScript library to load Images Progressively

Progressively : JavaScript library to load Images Progressively

Progressively is a javascript library for loading images progressively. It’s written entirely in JavaScript so it doesn’t depend on 3rd-party libraries like jQuery. It’s super small, < 1.2kB when minified & gzipped! It will load images on when user browse to the page, saving bandwidth & server requests.

Lazysizebg : jQuery Lazy Background Loading Plugin

Lazysizebg : jQuery Lazy Background Loading Plugin

jQuery.lazysizebg allows the user to specify different size background images for small, medium, and large screens and loaded after the page is loaded.

If you must have hero images on your pages and want to optimize for smaller screens, this is a quick, low profile tool for accomplishing this.

Eager Image Loader : JavaScript Library

Eager Image Loader : JavaScript Library

The eager-loading for image files on the web page that loads the files according to your plan. This differs from the lazy-loading, for example, this can be used to avoid that the user waits for the loading.

Colorify.js : Tiny JavaScript Color Extractor

Colorify.js : Tiny JavaScript Color Extractor

Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs!

  • Extract the dominant color from an image
  • Generate gradients based on the images colors
  • Isolate colors and manipulates them everywhere in the page
  • Create a Lazy-revealer system for your images
  • Load image dynamically

Lazy Loader : Infinite scroll jQuery plugin

Lazy Loader : Infinite scroll jQuery plugin

JQuery Loader is the perfect plugin to display long pages of articles like a blog or the pictures of a gallery.
Choose the number items to load each time. The plugin is compatible with Isotope Plugin to display, filter & sort layouts.

LoadImages : jQuery plugin to Attach load listeners to Images

LoadImages : jQuery plugin to Attach load listeners to Images

A jQuery plugin to attach load listeners to images within a container and fire an event when all the images have loaded.

EsKju jQuery lazyLoading Plugin

EsKju jQuery lazyLoading Plugin

EsKju’s LazyLoading is a tool for loading content just in time in a Facebook-similar style. It was built using the jQuery library.

Features:

  • Supersedes dowdy paginations
  • Customizable trough settings and CSS
  • Highly compatible
  • Uses CSS3 transitions by default

Lazy-loading Google Maps

Lazy-loading Google Maps

A tiny jQuery plugin for lazy-loading Google Maps. jQuery plugin, which just loads the maps and then gives away the full control of the loaded ones to you.

On every scroll and browser resize interval the plugin checks whether there are any maps in the viewport to be displayed. If yes, it loads (if it wasn’t loaded before) Google Maps API script file and then initiates the corresponding map instances. Finally, there’s a callback function which is called within every map instance initiation so that you can continue doing whatever you need with your maps.

bLazy : jQuery Lazy loading Plugin

bLazy : jQuery Lazy loading Plugin

bLazy is a lightweight lazy loading and multi-serving image script. It’s written in JavaScript why it doesn’t have any dependencies for 3rd party libraries like jQuery. bLazy is working in all modern browser including IE7+.

Features:

  • bLazy is used on big sites with millions of monthly visitors so it has been tested out in the real world.
  • bLazy is written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery.
  • bLazy can lazy load all types of images including background images.
  • bLazy can lazy load images depending on screensize (multi-serve images).
  • bLazy can serve retina images on retina devices.

jQuery LazyImage Plugin

jQuery LazyImage Plugin

A simple and lightweight plugin to lazily load images.



Best jQuery websites design awards