taking it offline – maayan glikser
TRANSCRIPT
![Page 1: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/1.jpg)
TAKING IT OFFLINE
Maayan Glikser
![Page 2: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/2.jpg)
Maayan Glikser
- Github addict - Hardcore metal fan - Converted from dogs to cats
Frontend Developer @ 500Tech
![Page 3: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/3.jpg)
WHY OFFLINE MATTERS
![Page 4: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/4.jpg)
AppCache Sucks
http://alistapart.com/article/application-cache-is-a-douchebag
![Page 5: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/5.jpg)
What is a Service Worker?
![Page 6: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/6.jpg)
Service Worker
Cache
Network
![Page 7: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/7.jpg)
LimitationsCannot access the DOM
No global state (unloads when not needed)
iFrames are separate documents (sandbox)
Directory Scope
Requires SSL
![Page 8: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/8.jpg)
WHY DO I NEED SSL
![Page 9: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/9.jpg)
Man In The Middle Attacks
![Page 10: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/10.jpg)
Service Worker Life Cycle
![Page 11: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/11.jpg)
Is Service Worker Ready?
https://jakearchibald.github.io/isserviceworkerready/
![Page 12: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/12.jpg)
LIVE CODING
![Page 13: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/13.jpg)
Cool Things You Can DoCustom error pages (no connection, server error)
Timeout 3rd party requests
CDN Failover
Stale While Revalidate
Resource Prioritization/Scheduling
![Page 14: Taking It Offline – Maayan Glikser](https://reader031.vdocuments.site/reader031/viewer/2022022202/58831d101a28abe2758b47bf/html5/thumbnails/14.jpg)
The FuturePush
Background Sync
Geofencing