tuupola/lazyload

Features

• Image Lazy Loading - Delays the loading of off-screen images until they scroll into the viewport to speed up initial page load and save bandwidth.
• Intersection Observer Image Loaders - Uses the Intersection Observer API to detect when images enter the viewport and trigger loading.
• Responsive Image Loaders - Loads different image sources based on screen size using a set of alternative URLs.
• Viewport Observers - Uses the Intersection Observer API to detect when elements enter the viewport and trigger loading.
• Instance Lifecycle Management - Provides methods to create, destroy, and force-load all images, managing the observer and event listeners.
• Preloading Placeholders - Loads a low-resolution placeholder image first, then swaps it with the full-resolution image once triggered.
• jQuery-Compatible Libraries - Provides a jQuery-compatible wrapper for lazy loading images with familiar syntax.
• jQuery Plugins - Wraps the vanilla JavaScript functionality in a jQuery-compatible interface for drop-in integration.
• Event-Driven Loading Triggers - Provides event-driven loading triggers on scroll, resize, or orientation changes.
• Placeholder-First Loading - Shows a low-resolution placeholder that blurs into the sharp image once fully loaded.
• Blur-Up Transitions - Shows a low-resolution placeholder that blurs into the sharp image once fully loaded for a smoother visual transition.

Star history