Note from 30 April 2022

When you start using an image CDN on a site with oversized JPEGs, without any change to the HTML:

SpeedCurve test showing a 20 seconds gain in Largest Contentful Paint

Imagine when there will be accurate srcset/sizes attributes, better formats, etc. 🤯

  1. Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?

    Using object-fit: cover; in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source> in a <picture>?