Why we can’t do real responsive images with CSS or JavaScript
Bruce Lawson explains in very plain English why the image preloader is amazine, and why it destroyed JS and CSS ability to help with images. Fortunately we’ve got SRCSET now :D
All browsers have what’s called a preloader. As the browser is munching through the HTML – before it’s even started to construct a DOM – the preloader sees “<img>” and rushes off to fetch the resource before it’s even thought about speculating about considering doing anything about the CSS or JavaScript.
An excerpt from Why we can’t do real responsive images with CSS or JavaScript