https:/
Layout shifts are a real annoyance on most sites, so please, read this new gem from Jake, about preventing images layouut shifts the right way… or the right ways actually.
For over a decade, we had to use silly hacks to manually apply an aspect ratio, and then, bloody typical, two better solutions arrived at roughly the same time. They are CSS
aspect-ratio, andwidth&heightpresentational hints.
kliksphilip
JPEG VS AVIF - The Battle of Compression
In this super thorough study I test one single HD image and come to vast sweeping conclusions about JPEG XL and AVIF. But that's still one image comparison…
Jeremy Wagner
New field insights for debugging INP
Interaction to Next Paint (INP) is a Core Web Vital that measures how responsive a page is to interactions. Due to INP's scope, it can be difficult…
Should I please Lighthouse with modern image formats, or my visitors with progressive rendering of large images in my photography site? 🤔
Of course, this would be much easier with genaralized JPEG XL support, both modern and allowing progressive… 🤷♂️
Most mentions of the magical CSS object-fit: cover; in development tutorials should be accompanied by a warning: in most situations, it means the browser will download an image that is larger than required (at least in one direction), and optimization on the server side could be a better option.
Jon Sneyers
This consolidates JPEG XL’s position as the best image codec currently available, for both lossless and lossy compression, across the quality range…
Jake Archibald