Progressive Web Apps — Trick or Real Magic

on YouTube ↗36m

" summary

The talk explains how Progressive Web Apps (PWAs) — specifically Service Workers and related techniques — can make web sites and apps faster and more reliable on mobile devices. It addresses the problem of heavy web apps and unreliable network connections, and presents PWAs as a concrete approach to improving performance and offline/poor-connection behavior.

AI-written summary · about

" chapters (25)

1. 0:00Introduction
2. 1:56Progressive Web Apps explained
3. 2:59Real vs perceived performance
4. 6:30Web optimization history
5. 9:02Modern tools and evolution
6. 10:28SPAs and page weights
7. 11:50Critical Rendering Path
8. 13:37What are PWAs
9. 15:22Service Worker: PWA core
10. 16:43Service Worker as proxy
11. 17:49Service Worker basics
12. 19:13Cache creation and use
13. 21:45Browser cache vs Service Worker
14. 22:07Intercepting requests
15. 23:55Common caching strategies
16. 24:16Cache only: pros and uses
17. 25:43Network fallback: limits and fixes
18. 27:07Cache first: smart updates
19. 28:50When to update data
20. 29:33Cache management complexity
21. 30:14Service Worker Precache
22. 31:40Service Worker Toolbox
23. 33:46Other PWA features
24. 34:27Lighthouse PWA audit
25. 35:14Conclusion and Q&A

" related talks

• 35mProgressive Web Apps: trick or real magic?Maurizio Mangione · Universal JS Day 2017
• 41mProgressive Web AppsEnrique García · T3chFest 2017
• 46mProgressive Web Apps with the Service Worker APISimon Skoczylas · W-JAX 2018
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 43mProgressive Web Apps - the Return of the Web?Christian Heilmann · GOTO Copenhagen 2016
• 49mThe Power of Progressive Web AppsHiren Dave · GDG DevFest Ahmedabad 2017
• 46mKeynote: Progressive Web AppsChristian Heilmann · Mobile Era 2017