The (Awesome) Future of Web Apps
summary
Progressive Web Apps deliver installable, offline web apps by combining a Web App Manifest, Service Worker code and runtime caching; use sw‑precache or Workbox to precache assets and sw‑toolbox for cache‑first, network‑first, fastest strategies. Delay service worker registration until window load, preload fonts with crossOrigin, prefer device fonts, and split JS (example trace shows parsing a 1 MB bundle taking 8.25s). Try Lighthouse, Background Sync, Payment Request, IntersectionObserver and WebAssembly; Twitter Lite and Uber show this approach works in production.
AI-written summary · about
chapters (10)
- 0:00Start
- 4:45GoogleChrome/sw-precache
- 8:33iOS meta tags
- 20:20Offline color using CSS variables
- 26:20Code coverage
- 26:48Conditional polyfill loading
- 38:06Periodic sync
- 39:06Payment request API
- 42:33Future App Model
- 43:53Use throttling features in Chrome
