Jake Archibald

Caching best practices & max-age gotchas

https://jakearchibald.com/2016/caching-best-practices/

Used correctly, caching is a massive performance enhancement and bandwidth saver. Favour immutable content for any URL that can easily change, otherwise play it safe with server revalidation. Only mix max-age and mutable content if you're feeling brave, and you're sure your content has no dependancies or dependents that could get out of sync.

• older link:
  Can I email ___ ?
• newer link:
  Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

---

Related contents with similar topics

1. • Nicolas Hoizey
   • 6 June 2023
   • Core Web Vitals, image, LCP, WebPerf
   • 6 reactions
   • permalink

   Apparently, an image whose part above the fold is indeed the largest, but of which only a small part can be seen, can be considered an LCP element, even if another image has a larger part visible... 😭

   You can see this for my photography site in this WebPageTest result:

   https://www.webpagetest.org/vitals.php?test=230606_BiDcN4_4NJ&run=3&cached=0#lcp

   

2. • Nicolas Hoizey
   • 6 June 2023
   • image, JPEG XL, Safari, WebPerf
   • 20 reactions
   • permalink

   Looks like we will soon have JPEG XL in Safari! 🥳

   https://developer.apple.com/videos/play/wwdc2023/10122/

3. • Nicolas Hoizey
   • 2 June 2023
   • Firefox, WebPerf
   • 12 reactions
   • permalink

   Looks like <link rel="preconnect" …> will start working again in Firefox 115! 🥳

   https://bugzilla.mozilla.org/show_bug.cgi?id=1543990#c26

4. 

   Tyler Sticka

   Is there a viable animated GIF alternative yet or what?

   • Nicolas Hoizey
   • 1 June 2023
   • WebPerf, video, GIF
   • 3 reactions

   We need to talk about video and animated image formats in the same breath. Many articles compare video formats to GIF, or image formats to each other,…

5. 

   Paul Hebert

   Watch Out for Layout Shifts with ‘ch’ Units

   • Nicolas Hoizey
   • 31 May 2023
   • WebPerf, Core Web Vitals, CLS, CSS
   • 5 reactions

   In our case, we were using ch units to define our page layout. This meant that our post content was equal to 50ch units (or the width of fifty…