Automating a service worker with Workbox 6
summary
Workbox 6 automates service worker tasks: workbox-build injects a precache manifest during build, Rollup bundles and terser minifies the SW, and workbox-window manages registration and update hooks. The talk cites 3% of sites use service workers yet they serve one-fifth of web traffic and claims one-third of deployed SWs use Workbox. Example: a blog PWA with precached app shell plus runtime strategies (cache-first for avatars, network-first or stale-while-revalidate for JSON) loads and continues to work offline in the demo.
AI-written summary · about
chapters (17)
- 0:00Intro
- 1:38Maxim Salnikov
- 5:31PWA chapter of Web Almanac 2021
- 10:05User friendly
- 17:46In theory
- 19:39In the guide
- 24:26Implementing offline-readiness
- 26:01Remaining steps
- 27:58Build script
- 30:50Configuring plugins
- 32:37Registering in the app
- 39:26Runtime caching
- 43:02API responses caching
- 45:35Strategies
- 46:01Recipes
- 47:24Ways to use Workbox
- 48:20Web platform today
related talks
38mAutomating Service Workers with Workbox 6
17mHow to build a PWA and stay sane: Introduction to Workbox
46mWriting Service Workers with Workbox
47mSending the Angular app into deep, deep offline with Workbox
52mMany Frameworks – One PWA Solution
31mMany frameworks, one PWA solution
38mSending your Angular App into deep, deep offline with Workbox
33mService Workers