Caching demystified: Inspect, clear, and disable caches #DevToolsTips

Published on 29 Aug 2024, 16:00

In this video, let’s dive into the different types of browser cache and how to inspect and manage them in Chrome DevTools!

Chapters:
0:00 Intro
0:29 What is cache
0:58 Identify cached resources in Network panel
1:39 Memory cache, Disk cache, Prefetch cache
2:12 Clear cache, empty cache and hard reload
3:17 Disable cache
3:44 Don’t enable cache if…
4:15 Service worker cache
5:00 Inspect and disable service worker cache
5:51 Simulate low storage quota
6:34 Back and forward cache (bfcache)


Resources:
Prevent unnecessary network requests with the HTTP Cache → goo.gle/3yPzVhx
Strategies for service worker caching → goo.gle/sw-caching-strategies-...
Debugging bfcache, make your page load instantly #DevToolsTips → goo.gle/3yQqAGs

Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → goo.gle/chromedevtools

Watch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Chrome for Developers → goo.gle/ChromeDevs


#DevToolTips #ChromeForDevelopers #Chrome


Speaker: Jecelyn Yeen
Products Mentioned: Chrome DevTools