Caching on the Web Explained with simple examples of how HTTP Caching works, including Proxy Caching and CDNs, and how the Cache-Control header and other headers can be used with their best practices.

======⚡⚡⚡======
Get a 20% discount on Brilliant.org (to learn Science, Technology, Engineering, and Math): https://brilliant.sjv.io/kjVO2z
======⚡⚡⚡======

🙌 Become my Patreon and get exclusive perks:   / softdevdiaries  
💼 Follow me on LinkedIn and drop me a message if you'd like:   / gusgadirov  
💻 Also, let's connect on GitHub: https://github.com/gusgad

📚 Resources:
How CDNs work:    • System Design: Content Delivery Netwo...  
HTTP "Vary" header: https://www.smashingmagazine.com/2017...
HTTP "Expires" header: https://developer.mozilla.org/en-US/d...
HTTP "Pragma" header: https://developer.mozilla.org/en-US/d...
Problem with timezones:    • The Problem with Time & Timezones - C...  

🕒 Timestamps:
(00:00) Why HTTP Caching is important?
(02:03) Cache hits and misses
(04:32) HTTP Caching overview
(05:42) What is a CDN?
(07:40) max-age
(09:17) no-store
(10:48) no-cache
(11:34) must-revalidate
(12:21) public, private
(13:11) immutable
(13:40) stale-while-revalidate
(14:26) stale-if-error
(15:51) Heuristic caching
(17:07) If-Modified-Since
(18:27) ETag/If-None-Match
(19:48) Cache busting

And don't forget to subscribe for more videos like this 😊