In addition to improving site performance, Lazy load can also improve website SEO ranking by shorten the loading time of web pages and reducing your website’s bandwidth usage.
There are a lot of lazy load plugin based on jQuery that you can use for website development. They are varied and have different features.
In today’s post, we present 15 of the best lazy load for your next project. Some of them designed for RWD (Responsive Website Design), AngularJS and WordPress.
See Also: 13 jQuery Scrollbars
layzr.js is developed by Michael Cavalea. A small, fast, and modern library for lazy loading images.
bLazy is a lightweight lazy loading image script. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests.
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.
A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto. It’s designed to speed up page loading times and decrease traffic to your users by only loading the content in view. You can use Lazy in all vertical and horizontal scroll ways.
Responsively Lazy is very different from the other lazy loading libraries. They make you break your HTML by removing the src attribute, or make you put tiny version there or make you use <noscript> to make your images appear in Google Images.
Lazy load modules & components in AngularJS.
Animate Lazy Load WordPress Plugin
This jQuery lazy load is developed for WordPress. It has a lot of animate loader image effects. This plugin support image lazy load, maps, video and audio.
LazySizes is the ultimate and lightweight lazyLoader which lazy loads images including responsive images, iframes and scripts.
ionic image lazy load
Directive to Ionic Framework that only loads an image when it is seen by the user.
React Lazy Load
React Lazy Load is easy to use React component which helps you defer loading content in predictable way. It’s uses debounce function by default. You can also use component inside scrolling container, such as div with scrollbar.
LazyLoad is a plugin that allows you to defer image loading until the image is scrolled to.
Vanilla LazyLoad is a fast, lightweight and flexible script for loading images only when they’re about to enter the viewport of a scrollable area, which supports the srcset attribute and with and takes best advantage from the progressive JPEG image format
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 auto playing iframe Youtube video.
Deliver synchronous ads asynchronously, without modifying the ad code. Also, conditionally load ads for responsive websites using a media query or the ad container’s dimensions.
A very lightweight plugin to lazy load images for jQuery or Zepto.js
The most popular jQuery lazy load plugin by Mika Tuupola. Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them. This is opposite of image preloading.