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 → https://goo.gle/3yPzVhx
Strategies for service worker caching → https://goo.gle/sw-caching-strategies-overview
Debugging bfcache, make your page load instantly #DevToolsTips → https://goo.gle/3yQqAGs
Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools
Watch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#DevToolTips #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen
Products Mentioned: Chrome DevTools