Let's say a SPA first load has been optimized with SSR and the LCP image is loaded pretty fast because it's in the HTML.
But the JavaScript then builds a carousel in the DOM, which initially shows the very same image.
I guess there's a second render of the image. How can I check this easily?
Would it make sense that the LCP takes the late second render of the image, instead of the fast first one?
JPEG XL isn't useless; it is genuinely compelling technology for use cases beyond the Web. I'm just not personally convinced we need it in browsers…
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…
Google On Why Google Search Console LCP Is Not Wrong
Caching should be a "cherry on top" to boost speed, rather than the only reason you have a fast site.
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…
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… 🤷♂️
Gianni Rosato
Jake Archibald