Responsively Lazy

Lazy load responsive images. The best lazy loading implementation available. Handles responsive images. Truly lazy (absolutely no unnecessary requests) SEO-friendly (valid HTML). It supports WebP. The things to customize are the padding-bottom style and the values of the src and data-srcset attributes. If you don't know the image aspect ratio you can skip the div tag and move the responsively-lazy class to the img tag. 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. The lazy loading works in browsers supporting the srcset attribute. As of December 2017 that's 86.78%. Unsupported browsers will load the image in the src attribute. That's the image search engines and social networks will find, so it's better to make it high-resolution.