lazySizes is a new and pure JavaScript lazyloader library that help to increase your site performance by adding lazy load ability to images, iframes and even scripts.
Just include a 6KB lazysizes.js, add class ‘lazyload’ to your images tag, ‘src’ attribute for low quality image (for fast default loading time), ‘data-src’ for the actual image file, da dang that’s all!
lazySizes support responsive image also by using the ‘picture’ and ‘srcset’ data attribute, see the official documentation for detail usage.
Thanks Alexander Farkas who create this high performance lazy loader for free and open source.
lazySizes is released under MIT license.
Cost: FREE
Requirement: JavaScript
Source: Read more about lazySizes
