A Real World PWA
summary
Pinterest rebuilds its mobile web into a real PWA: an app shell with inlined 5k CSS, locale-specific service worker builds, webpack bundle analyzer and a custom plugin, runtime API normalization and route preloads. JavaScript drops from ~620 KB to ≈200 KB, time to interactive falls from 23s to 5.6s, and server-rendered SEO is handled with AMP pages. Weekly active users double overall, India rises 300%, signups jump 843%, and ~800,000 users run the PWA from their home screen, so the engineering choices demonstrably work.
AI-written summary · about
chapters (28)
- 0:00Intro
- 4:54Metrics dont measure sentiment
- 6:26The 3 Rs
- 8:16Reduce
- 15:44App Shell
- 16:16Pros and Cons
- 18:59AMP
- 19:34App Shells
- 21:36App Shell Overview
- 22:11Monikas Quote
- 22:26Reuse
- 22:44Service Workers
- 25:35Caching
- 28:15Pin Object
- 29:12Preload Routes
- 29:52Review Section
- 30:02JavaScript
- 31:09Pin Wait Time
- 32:04Experiments
- 32:47Bundle Stats
- 33:35Lighthouse
- 34:26Performance Demo
- 35:29Performance Metrics
- 35:40Before and After
- 36:27Stats
- 38:16Conclusion
- 38:28Bonus Slides
- 38:41Questions
