Bringing Mobile Web back to Life
summary
Rebuild of the authenticated Pinterest mobile web produces concrete wins: a new PWA with service workers, app shell and aggressive precaching ships in 11 weeks, Webpack route-based chunks and on-the-fly caching cut JS parsing and deliver 23s → 5.6s initial load on slow 3G and 3.9s on revisit, offline and optimistic UI updates work, a virtualized grid and color placeholders smooth scrolling, and experiments report ~40% lift in core engagement and up to 30% more time spent.
AI-written summary · about
chapters (18)
- 0:00Start
- 5:41Reasons to fork for mobile
- 8:40PWA features
- 9:56Service Workers
- 12:51First Page Load
- 14:56App Shell
- 15:25Page reloads
- 16:36Update version
- 19:13About V8 Code Caching
- 20:38JavaScript chunk types
- 23:11Webpack Bundle Analyzer
- 24:08Pinterest's new mobile site
- 25:06Redux Normalization
- 25:46Touch Optimizations on the network
- 26:36Image Optimization
- 26:58Dominant Color
- 27:48Comparison Old mobile web to new mobile web
- 28:04Performance Metrics Old Mobile Web
