OUTBREAK: index-sw-9a4c43b4b4778e7d1ca619eaaf5ac1db.js

on YouTube ↗23m

" summary

A concrete failure story: a broken service worker (due to missing cache API in some browsers and an uncaught install error) becomes permanently installed on a subset of clients, producing over 2,000 errors in 24 hours and surviving attempts to push updates. The talk shows the exact APIs involved (Cache, fetch, clients, importScripts, IndexedDB), tooling and fixes used (SW tester and SW Toolchain, async/await plus Babel/uglify), mitigation patterns (feature flag / kill switch, noop worker, importScripts versioning) and that many devices still remain infected despite rolling fixes.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 9:35WHAT THE HELL IS SERVICEWORKER?
3. 13:12DELAY SERVICEWORKER REGISTRATION
4. 13:32KNOW YOUR DEPENDENCIES
5. 14:11CACHE SMARTER
6. 15:24USE A LIBRARY FOR MESSAGING
7. 16:06SET CORRECT CACHE HEADERS
8. 17:02ADD A FEATURE FLAG/KILL SWITCH
9. 17:33DON'T CACHE BAD RESPONSES
10. 18:20GUARD AGAINST MISSING APIS
11. 18:42TEST YOUR SERVICEWORKER
12. 20:11USE A SERVICEWORKER GENERATOR TOOL

" related talks

• 25mOutbreak: index-sw-9a4c43b4b4778e7d1ca619eaaf5ac1db.jsAlexander Pope · JSConf EU 2017
• 25mOUTBREAK: index-sw-9a4c43b4b4778e7d1ca619eaaf5ac1db.jsAlexander Pope · JSConf AU 2018
• 30mWeb Service Workers - Breaking The Web Because It Would Be A Sh...Eduardo Vela Nava · OWASP AppSec Research (AppSecEU) 2015
• 42mHow Do Service Workers Even?Abraham Williams, Pearl Latteier · Mobile Era 2018
• 30mThe Beauty of Service WorkersTroy Taylor · ngAtlanta 2019
• 43mService workersPatrick Kettner · Frontend United 2017
• 01h 00mService Worker: Bringing Native App Experience to Web AppsVyktor Zozuliak · OdessaJS 2015
• 35mTame your service worker [...]Maxim Salnikov · Best of Web 2018