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

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.