Angular and Service Workers
summary
Shows that Angular CLI toggles serviceWorker true, generates an ngsw manifest and injects a registration script so production builds ship a service worker that caches hashed assets and external files. Demonstrates route handling by serving index.html via routing redirect, runtime JSON caching with freshness vs performance strategies, and a live demo where angular.io scores 100 in Lighthouse and keeps pages working offline. Integration is beta but deployed to angular.io.
AI-written summary · about
chapters (18)
- 0:00Start
- 3:11Progressive Web Apps
- 5:17Service Worker Facts
- 6:27Features / Use Cases
- 9:41Worker installation
- 11:03install event
- 14:13fetch event
- 14:57Updating Workers
- 16:19activate event
- 19:03Enabling SW Support
- 19:56Angular CLI will now add a Service Worker registration script to our production build
- 20:34Behind the scenes
- 24:11ngsw-manifest
- 26:10Static Content Cache
- 26:36External Content Cache
- 31:10Dynamic Content Cache
- 34:44Other features
- 35:01Credits
related talks
33mAngular and Service Workers
29mService Workers: understand and use
24mBuild progressive web apps with Angular
32mBuilding an Angular PWA Angular Service Worker or Workbox?
54mBuilding an Angular PWA: Angular Service Worker or Workbox?
20mAngular Service Workers & Cows — a love story
37mAngular PWA: crafting apps that adapt anywhere
22mAutomatic Progressive Web Apps using Angular Service Worker