Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe
https:/
Mark is using my Images Responsiver plugin for Eleventy with Netlify Large Media and PhotoSwipe to build an image gallery, and it's really great!
https:/
Mark is using my Images Responsiver plugin for Eleventy with Netlify Large Media and PhotoSwipe to build an image gallery, and it's really great!
The present and potential future of progressive image rendering
So if the browser manages to download 6 kB then stalls, then AVIF can produce a better result. But since the AVIF rendering is only two-pass, if the…
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…
About https://techhub.social/@cloudcannon/112604279395366912
Alex […] shares how using CloudCannon for client sites boosts performance and efficiency 🚀
I love #CloudCannon's efficiency. 👍
But with an SSG, #WebPerf depends on the way you build pages. Good SSGs — as #Eleventy — don't force anything so performance is really just the result of developer's work.
The CMS should have no impact. 🤷♂️
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.