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

============
Get 20% off Brilliant.org (to learn science, technology, engineering and math): https://brilliant.sjv.io/kjVO2z
============

Become my Patreon and receive exclusive benefits: https://patreon.com/softdevdiaries
Follow me on LinkedIn and message me if you like: https://linkedin.com/in/gusgadirov
Let's also connect on GitHub: https://github.com/gusgad

Sources:
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
Time zone problem: https://youtu.be/-5wpm-gesOY

Timestamps:
(00:00) Why HTTP caching is important?
(02:03) Cache hits and misses
(04:32) Overview of HTTP caching
(05:42) What is a CDN?
(07:40) maximum age
(09:17) no shop
(10:48) no cache
(11:34) need to revalidate
(12:21) public, private
(13:11) unchangeable
(13:40) old-while-rehabilitation
(14:26) old-as-wrong
(15:51) Heuristic caching
(17:07) If-changed-since
(18:27) ETag/If-None-Match
(19:48) Cache busting

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

Please take the opportunity to connect and share this video with your friends and family if you find it useful.