Going offline

on YouTube ↗52m

" summary

Claims that service workers + Cache API let regular sites behave like apps: HTTPS site registers navigator.serviceWorker.register('/serviceworker.js'), installs and pre-caches with caches.open('files').then(...).addAll([...]), intercepts fetch events with event.respondWith(...caches.match(...) || fetch(...)) and supports strategies: cache-first, network-first with cache-as-you-go, or a saved-for-offline button. Demos (resilientwebdesign.com, adactio.com) actually work offline in airplane mode and the cached book fits comfortably in browser storage.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 18:47register
3. 25:07precaching When this service worker is installing
4. 29:19active
5. 29:50cache first When a file is requested
6. 36:03network first
7. 39:52cache as you go
8. 41:48custom offline page

" related talks

• 23mGo Offline with Service WorkersEmanuel Kluge · JSUnconf 2016
• 44mOffline first!Rowdy Rabouw · Jfokus 2023
• 27mMaking Offline Suck Less with Service WorkersBret Little · MountainWest JavaScript 2015
• 05mLightning talk: Service Workers, use themPontus Lundin · Nordic.js 2017
• 39mOffline first!Rowdy Rabouw · Øredev 2023
• 28mOut of the ShadowsAndrea De Carolis · CSS Day 2019
• 01h 00mService Worker: Bringing Native App Experience to Web AppsVyktor Zozuliak · OdessaJS 2015
• 44mDesign principles and implementation strategies for better offline experienceBoyan Mihaylov · NDC Oslo 2017