Asynchronous boundary detection – lazy-loading, infinite scroll, and more.Whether you’re lazy-loading images, implementing infinite-scroll, or avoiding an ex-lover… it’s important to set boundaries.
Best jQuery Lazy Load Plugins & Tutorials with Demo
yall.js is a featured-packed lazy loading script for
<iframe> elements. It works in all modern browsers including IE11. It uses Intersection Observer where available, but falls back to
orientationchange events where necessary. It can also monitor the DOM for changes using Mutation Observer to lazy load image elements that have been appended to the DOM after initial page render, which may be desirable for single page applications. It can also (optionally) optimize use of browser idle time using
requestIdleCallback. To optimize decoding of
<img> lazy loading for simple
srcset use cases, yall.js uses
Image.decode where available to decode images asynchronously before adding them to the DOM.
Lozad js is a highly performant, light ~0.5kb and configurable lazy loader in pure JS with no dependencies for images, iframes and more, using IntersectionObserver API.
- is a light-weight library, just 535 bytes minified & gzipped,
- has NO DEPENDENCIES 🙂
- allows lazy loading of dynamically added elements as well,
- supports responsive images and background images
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.
- 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
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.
A jQuery plugin to attach load listeners to images within a container and fire an event when all the images have loaded.