Deep Dive into HTTP Caching: cache-control, no-cache, no-store, max-age, ETag and etc.

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: https://patreon.com/softdevdiaries 💼 Follow me on LinkedIn and drop me a message if you'd like: https://linkedin.com/in/gusgadirov 💻 Also, let's connect on GitHub: https://github.com/gusgad 📚 Resources: How CDNs work: https://youtu.be/8zX0rue2Hic HTTP "Vary" header: https://www.smashingmagazine.com/2017/11/understanding-vary-header HTTP "Expires" header: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Expires HTTP "Pragma" header: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Pragma Problem with timezones: https://youtu.be/-5wpm-gesOY 🕒 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 😊