How to do lazy loading image with srcset?

Question

I\'m using slick.js to build a carousel. However, even though I change the attribute from src to data-lazy the images still get loaded before I scroll

Answer 1

I recommend responsivelyLazy. The implementation is SEO-friendly and does not mess your HTML code. Here is a snippet:

As you can see the value in the src attribute is not modified.

Read more at http://ivopetkov.com/b/lazy-load-responsive-images/