<story><title>Lazy load responsive images</title><url>https://github.com/ivopetkov/responsively-lazy</url></story><parent_chain></parent_chain><comment><author>cyberpanther</author><text>Lazy loading is a waste of time in my opinion. Yes it can save bandwidth but it actually creates an awful user experience.&lt;p&gt;If you have a bunch of images you don&amp;#x27;t want to wait to load them until in view especially on a slow connection. If you lazy load the images then that means every time the user scrolls they have to wait for an image. No one is going to wait for your image to load, so they will scroll on. You then cause a bottleneck in your javascript because the user is scrolling and you are using JS to download images which is not optimal.&lt;p&gt;The experience you want is to load the first image and then load then next image before the user gets to it so that it is ready when the user scrolls. Our browsers do a great job of this already.  Don&amp;#x27;t reinvent the wheel.  Our browsers have been optimized to download images the right way. And if you want to save bandwidth then use responsive images and let the browser determine the best size to download.&lt;p&gt;I&amp;#x27;ve implemented lazy load on mobile and learned this first hand.  I thought I needed lazy load, but to my surprise, the browser actually knows how to load images the right way. My app actually had less jank and loaded images faster when I  left the images up to the browser.&lt;p&gt;Stop over engineering image loading please :-)</text></comment>
<story><title>Lazy load responsive images</title><url>https://github.com/ivopetkov/responsively-lazy</url></story><parent_chain></parent_chain><comment><author>toddmorey</author><text>This is the clever bit:&lt;p&gt;- The data:image in the srcset attribute shows transparent image and prevents loading the image in the src attribute in modern browsers&lt;p&gt;- The image in the src is attribute is used if the browser does not support the srcset attribute or when the page is scanned by social networks and read-it-later tools.</text></comment>