The present and potential future of progressive image rendering - JakeArchibald.com
When I set about writing this article, I intended it to be a strong argument for progressive rendering. But after digging into it, my feelings are less certain.
Compressive Images Revisited - TimKadlec.com
Tim explains why that neat trick of making a really big JPEG with quality set to 0% is no longer necessary, and how the savings you make in bandwidth with that technique are nullified by the expense of the memory footprint needed.
Related links
Standing still - a performance tinker | Trys Mudford
What Trys describes here mirrors my experience too—it really is worth occasionally taking a little time to catch the low-hanging fruit of your site’s web performance (and accessibility):
I’ve shaved nearly half a megabyte off the page size and improved the accessibility along the way. Not bad for an evening of tinkering.
Basic Pattern Repository
A nice little collection of very simple—and very lightweight—SVGs to use as background patterns.
AVIF has landed - JakeArchibald.com
There’s a new image format on the browser block and it’s very performant indeed. Jake has all the details you didn’t ask for.
Better Image Optimization by Restricting the Color Index – Eric’s Archived Thoughts
A great little mini case-study from Eric—if you’re exporting transparent PNGs from a graphic design tool, double-check the colour-depth settings!
I’d been saving the PNGs with no bit depth restrictions, meaning the color table was holding space for 224 colors. That’s… a lot of colors, roughly 224 of which I wasn’t actually using.
Related posts
More writing on web.dev
Another five articles on modern responsive web design.
Performance and people
When it comes to web performance, there are technical issues and then there are human issues.
Small steps
Making marginal gains in front-end performance.