Caching on the Web Explained with simple examples of how HTTP Caching works, including Proxy Caching and CDNs, and how the CacheControl 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/enUS/d...
HTTP "Pragma" header: https://developer.mozilla.org/enUS/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) maxage
(09:17) nostore
(10:48) nocache
(11:34) mustrevalidate
(12:21) public, private
(13:11) immutable
(13:40) stalewhilerevalidate
(14:26) staleiferror
(15:51) Heuristic caching
(17:07) IfModifiedSince
(18:27) ETag/IfNoneMatch
(19:48) Cache busting

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