Lazy loading is a technique that defers image loading until it becomes visible on the screen. This saves bandwidth and can drastically improve page loading time and user experience.
With jQuery Lazy Load images you can play with SVG images, can resize images, call ajax, play with css load images and many other things.
For this roundup we have gathered a list of Best jQuery Lazy Load plugins that will help you to play with images and improve page load time to make your websites visually stunning.
So, here is the list of 20 jQuery Lazy Load plugins.
Don’t Miss –
50 jQuery Image Slider and SlideShow Plugins
Best jQuery Shopping Cart Plugins
1. jQuery Smartify
jQuery Smartify loads images, calls Ajax, plays with css classes in on demand, while element is/or becoming visible in device Viewport. It’s replacement of jQuery Lazyload.
Demo & Download
2. Responsively Lazy Load Responsive images
responsivelyLazy is a nice lazy loading implementation that is responsive, truly lazy and SEO friendly. It handles responsive images, doesn’t make any unnecessary requests, works great in content sharing on social networks like Facebook and Pinterest. It also handles loaded image resizes (when the phone is rotated from portrait to landscape).
Demo & Download
3. Lazy Loader
JQuery Loader is the perfect plugin to display long pages of articles like a blog or the pictures of a gallery.
This plugin displays items from a json file or a database. Only the first items are loaded, the others are not loaded until user scrolls to them or click on the next button. The plugin is compatible with Isotope Plugin to display, filter & sort layouts.
Demo & Download
4. lazyYT
This is a jQuery plugin to lazy load Youtube videos. On the initial load, the div will be appended by a preview img of the video. On click of the image, the preview img will be replaced by the autoplaying iframe Youtube video.
Demo & Download
5. BttrLazyLoading
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.
BttrLazyLoading uses a naming convention @2x to display Retina images when the option is enabled. BttrLazyLoading is fully customizable to adapt to most needs.
Demo & Download
6. bLazy
bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images. It’s working in all modern browsers including IE7+.
It’s written in pure JavaScript and lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn’t browse the whole page.
Demo & Download
7. Laziestloader
Laziestloader is a jQuery plugin that loads, from an array of sources, the most appropriate image at the last possible moment, and updates the image after a resize if needed. Custom callbacks and configuration provide even more functionality, like loading non-image elements and generic scroll-based triggers.
Demo & Download
8. LazyLinePainter
Lazy Line Painter is a jQuery plugin for path animation using the Raphaël Library. First of all, Export your line art from Illustrator as an .SVG, Ensure their are no fills, No closed paths – Line needs a start and end, Crop Artboard nice & tight.
Demo & Download
9. lazySizes
lazysizes is a fast lazyloader for images (including responsive images), iframes and scripts/widgets without any dependency. It may become also your number one tool to integrate responsive images.
It can also automatically calculate the sizes attribute for your responsive images, it helps to separate layout (CSS) from content/structure (HTML) and makes integrating responsive images into any environment simply simple.
Demo & Download
10. jQuery Lazy Load XT Plugin
Lazy load XT is a jQuery plugin for images, videos and other media.Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.
Demo & Download
11. Unveil
Unveil is a jQuery plugin which is lightweight version of Lazy Load plugin. Unveil has support for serving high-resolution images to devices with retina displays and it less than 1k.
Demo & Download
12. Jail
JAIL is a jQuery plugin that lazy load images making your page load faster.
Demo & Download
13. Tada
Tada is a lightweight, no dependency library for lazy image load. jQuery plugin is also provided. Duplicate element check, throttled scroll handler, percent threshold supported.
Demo & Download
14. Fancytree
Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag’n’drop, and lazy loading.
Demo & Download
15. Recliner
Recliner is a super lightweight (1KB) jQuery plugin for lazy loading images, iframes and other dynamic (AJAX) content.
Demo & Download
16. Eskju jQuery Lazy Loading
EsKju’s LazyLoading is a tool for loading content just in time in a Facebook-similar style. It was built using the jQuery library. Licensed under MIT and GPL licenses.
Demo & Download
17. jQuery LazyLoad Any
Lazyload Any is a jQuery plugin provides a lazyload function for images, videos, iframe or anything.
Demo & Download
18. Lazy Loading Google Maps
It is a small jQuery map plugin which just loads the maps and then gives away the full control of the loaded ones to you.
Demo & Download
19. Lazy
This Jquery plugin is an on-demand jQuery plugin loader, also known as a lazy loader. Instead of downloading all jQuery-plugins, you might or might not need, when the page loads. Lazy downloads the plugins when you actually use them.
Demo & Download
And we also have one image lazyload plugin for our wordpress users as well.
20. Ripple LazyLoad Scrolling Effects WordPress Plugin
Ripple Effects is a Lazy Load jQuery Plugin for Scrolling Effects which gives a graphical enhancement to your web page. This Lazyload Plugin has 20+ Effects with different motions in it. This is the First made plugin in wordpress of lazyload effects. Lazy Loading is the jQuery Scrolling effect which is used to show motions on Content.
This Lazy load plugin is very simple to use, you have to just install this plugin and you can use it as any html tag.You can use Ripple Lazyload Scrolling Effects WordPress Plugin for PHP Codes too.
Demo & Download
Leave a Reply