DEV Community

Discussion on: The perfect image lazy loading

Collapse
 
tetsuobodyhammer profile image
tetsuobodyhammer • Edited

Ok so what if I am using WebP images, as per the Lighthouse recommendation for modern websites and webapps?

You cannot have a 'progressive' WebP image - the functionality does not exist.

What now?

Collapse
 
merri profile image
Vesa Piittinen

I guess Lighthouse recommends WebP because both are Google's.

Since there is no progressive option with WebP you can only take the hit. But you could add AVIF which allows for even smaller file sizes with good quality, and I think they added thumbnail support to the standard so you can get some kind of equivalent to progressive loading.

Also JPEG XL is coming which does support progressive and is responsive by design, and apparently can losslessly take in original JPEG but still achieves smaller file size for it. And can losslessly transfrom back to JPEG. Magical stuff.