8 min
Let the browser measure it
A site built last year with a perfectly good image pipeline was still sending the 1600px file to a phone, and it turned out to be the same missing attribute I wrote a whole post about in 2018.
Images
All writing →6 posts filed under Images, newest first.
2 min
aspect-ratio
The padding-top percentage trick is dead and has been for a while, replaced by one declaration that says the thing it means.
8 min
It was still encoding in the morning
I pointed an AVIF encoder at a client's product photography before bed and it was still grinding away at breakfast, which settled the format question for me faster than any benchmark did.
6 min
It got slower while I optimized it
I added lazy loading to every image on a site in about 20 minutes, felt pleased with myself, and then measured it and found the pages were taking longer to show their main content than before I started.
8 min
What the CMS does to your hero image
I launched that homepage at 180 KB, it is 2.4 MB now, and the only thing anybody did was change the picture through the form I built for changing the picture.
6 min
The 400 KB hero
Every conversation about page weight goes straight to minification. Meanwhile there is a 2 MB image on the page that nobody has opened since Photoshop.