Supercharge the speed of your app with these PWAs' secrets!
summary
Notes concrete outcomes and tools: 15 PWAs tested with web.dev (Lighthouse) expose top failures—critical request chains, high request counts, and long script evaluation—and show fixes that actually change load times. Demonstrates PRPL, code splitting, coverage to remove unused JS, native lazy loading and image conversion to next‑gen formats (claims ~18s saved with lazy loading, ~17s with proper sizing, ~14s with new formats). Compares strategies like cache-first network fallback, network-first and cache/network race, and experiments with WebAssembly (wasm.sh, pwafire).
AI-written summary · about
chapters (19)
- 0:00Start
- 5:02Agenda
- 6:21The heart of PWAS
- 8:19Where does the data live?
- 8:58Caching strategies
- 11:04How do you render the app?
- 11:48How do you cache the app?
- 13:50SSR (shell + content) + CSR
- 14:19SSR (shell) + fetch content
- 15:00SSR (shell) + SSR (content)
- 18:02How does Web Assembly work?
- 19:18PWAA generator for Rust
- 20:19The performance experiment
- 20:58web.dev/measure
- 21:41Avoid chaining critical requests
- 22:51Keep request counts low and transfer sizes small
- 23:30Minimize main-thread work
- 26:23Defer offscreen images
- 28:07Properly size images
related talks
25mSupercharge the speed of your app with these PWAs' secrets! ⚡
28mSupercharge the Speed of your App with these PWAs Secrets!
55mPWA Fundamentals: websites with superpowers
24mPWA for Mobile Engineers
45mScaling with PWA
22mModern Web Apps Performance Tricks with PWA and Vue
35mDesigning Great Progressive Web Apps
02h 21mUnlocking Progressive Web Applications