Note from 29 September 2022

Harry Roberts @csswizardry

I accidentally moved my hero image onto Cloudinary (who I also adore!). But, a less-optimised image served from the same origin is always faster than a more-optimised image from a third party. Self-host your static assets! csswizardry.com/2019/05/self-host-your-static-assets/

55 06:06 PM · Sep 29, 2022

True!

But most images are currently not or badly optimized. 😔

They would benefit a lot from an image CDN: resize, compression, modern formats, etc.

• older note:
  Note from 28 September 2022
• newer note:
  Note from 12 October 2022

---

Related contents with similar topics

1. • Nicolas Hoizey
   • 24 May 2023
   • responsive, video, WebPerf
   • 20 reactions
   • permalink

   I really like to see that all browser vendors agree with @[email protected] that we need @​media, srcset and sizes for <video> as for <img>/<picture>! 🤩

   https://github.com/whatwg/html/issues/6363

2. • Nicolas Hoizey
   • 24 May 2023
   • CSS, image, responsive, WebPerf
   • 2 reactions
   • permalink

   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>?

3. • Nicolas Hoizey
   • 16 May 2023
   • Core Web Vitals, image, LCP, WebPerf
   • 3 reactions
   • permalink

   Limiting the image density on mobile devices drasticaly improves performance, with no visual loss, so we did it!

   

   I still wish it was much easier than dealing with <picture> and x descriptors for fluid images… 😞

   With a <img maxdensity="2.5" …> attribute for example!

   If you agree, comment:
   https://github.com/whatwg/html/issues/4421

4. 

   Largest Contentul Paint change in Chrome 112 to ignore low-entropy images

   • Nicolas Hoizey
   • 7 April 2023
   • LCP, Core Web Vitals, image, WebPerf
   • 1 reaction

   This may result in LCP times increasing, if a low-content background was being painted very early, or if a low-content placeholder was being used…

5. 

   Jason Grigsby

   On Container Queries, Responsive Images, and JPEG-XL

   • Nicolas Hoizey
   • 7 April 2023
   • image, CSS, RWD, JPEG XL, WebPerf
   • 8 reactions

   It is natural to think that the problem with images in container queries is a mere oversight. We used to only have media queries to design with. Now…