Slides from my talk at Umbraco Uk Festival 2018

1. www.enjoy-digital.co.uk

2. What
Progressive Https onlyJavaScriptNetwork proxy
Has no direct access
to the DomBackbone
of PWAs
Runs in the
background

3. Why
3

4. Installing
Activated ERROR
Idle
Fetch / MessageTerminated
Workflow

7. Normal First Request
DOM Content Loaded:
6.85s
Load:
24.87s
Transferred:
863KB

8. Service Worker First Request
DOM Content Loaded:
7.08s
Load:
25.09s
Transferred:
867KB

9. Repeat request
DOM Content Loaded:
2.21s
Load:
3.45s
Transferred:
3.0KB

10. Repeat request with Service worker
DOM Content Loaded:
192ms
Load:
343ms
Transferred:
0KB

11. Comparison
First Request Repeat Request SW First Request SW Repeat Request
DOM Content
Loaded
6.85s 2.21s 7.08s 195ms
Load 24.87s 3.45s 25.09s 343ms
Transferred 863KB 3KB 867KB 0

12. Resources
• https://developers.google.com/web/fundamentals/primers/service-workers/
• https://jakearchibald.github.io/isserviceworkerready/resources.html
• Pokedex.org
• http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org
• https://developers.google.com/web/tools/workbox/
• Mike Masey (@MikeMasey) Seriously thanks for all the help