Choosing the right caching strategy - Unpacking the Workbox

Channel:
Chrome for Developers
Subscribers:
792,000
Published on ● Video Link: https://www.youtube.com/watch?v=ZCVgDKjtgl0


Duration: 6:05
9,498 views
177

There are many options for using caches to improve performance in your web app, you can use different strategies for different types of assets and Workbox (https://goo.gle/workboxjs) provides a set of strategies that you can use out of the box. In this video we go over how each strategy works, and show you a one line solution for implementing a cache for your static resources.

Previous video on precache and runtime cache → https://goo.gle/3pYEuxK
Service Workers: an Introduction → https://goo.gle/service-workers-intro
Workbox Routing → https://goo.gle/workbox-routing
Workbox Strategies → https://goo.gle/workbox-strategies
Static resources cache → https://goo.gle/wb-static-resource-cache
Workbox documentation →https://goo.gle/workboxjs


Catch more from Unpacking the Workbox → https://goo.gle/UnpackingTheWorkbox
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs


#Chrome #Developer #UnpackingTheWorkbox



Other Videos By Chrome for Developers


2022-01-19Thinking on ways to solve a DARK/LIGHT THEME SWITCH
2022-01-13Discover and fix low contrast text with DevTools | DevTools Tips
2022-01-12Workbox TypeScript - Unpacking the Workbox
2022-01-04New in Chrome 97: Web Transport, Script type Detection, and more!
2022-01-04Cross-fading DOM elements | HTTP 203
2022-01-03Chrome 97 - What’s New in DevTools
2021-12-30Record and replay user flow with the Recorder panel | DevTools Tips
2021-12-27Generating your color palette in CSS | HTTP 203
2021-12-21Responsive images & art direction - Designing in the Browser
2021-12-16Authoring colors with DevTools | DevTools Tips
2021-12-15Choosing the right caching strategy - Unpacking the Workbox
2021-12-14The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203
2021-12-14Dark mode - Designing in the Browser
2021-12-10Adapting caching to your needs - Unpacking the Workbox
2021-12-08Thinking on ways to solve TOASTS
2021-12-07Macro & micro layouts - Designing in the Browser
2021-12-03Offline fallback page - Unpacking the Workbox
2021-12-03Container queries - Designing in the Browser
2021-12-02Faster DevTools navigation with shortcuts and settings | DevTools Tips
2021-12-01The fundamentals of CSS layout | Workshop
2021-12-01Building a web application in Angular | Workshop


Tags:
purpose: Educate
pr_pr: Chrome
type: DevByte (deck cleanup 0-10min)
GDS: Yes
unpacking the workbox
chrome
chrome developer
developer
developers google developer
google developers google chrome developer
pwa
google chrome developers
google
Adriana Jara
progressive web apps
workbox
cache strategies
cache first
network first
stale while revalidate.