LQIP blur-up lazy loading with WebP auto-detection.
This is a digital download. No physical item will be shipped.
By purchasing you agree to our Terms of Service. A 30-day refund is available — see our Refund Policy.
LazyBlur Loader dramatically improves page load performance by deferring off-screen image loading using the IntersectionObserver API. Images below the fold don't load until the user is about to scroll to them — saving bandwidth, improving Time to First Byte, and boosting your Core Web Vitals scores.
While the full image loads, a tiny LQIP (Low Quality Image Placeholder) is displayed with a CSS blur filter. As the full image downloads, it fades in and the blur dissolves — a smooth, professional reveal that prevents the jarring empty-box flash of naive lazy loading.
WebP detection is automatic: if the browser supports WebP, LazyBlur serves the WebP version from a data attribute; otherwise it falls back to the original. Works on background images as well as standard <img> elements. The intersection root margin is configurable so you can start loading images before they enter the viewport.
Fully compatible with browsers that don't support IntersectionObserver via a lightweight polyfill fallback. Zero jQuery.
