How to React in the Slow Lane
summary
Clear practical tips and measurable claims appear: time to interactive <5s on 3G, contrasted with 11–12s average for React apps now, plus concrete tools — webpack code splitting by route and react router and service workers with nonchanging hashes and preload tags. Explanations cover why to avoid hashing unchanged vendor assets, how preload avoids blocking window load, and using lighthouse to check progress. This is about implementation tradeoffs, gotchas, and real performance numbers rather than vague design theory.
AI-written summary · about
chapters (8)
- 0:00Intro
- 1:38Key Concepts
- 2:14Time to Interactive
- 3:03Preload
- 3:34Cache
- 4:15Service Workers
- 4:41Progressive Web App
- 5:09Summary
related talks
25mDesigning High Performance React Applications
32mPractical Performance Tips Building Progressive Web Apps
26mLightning Fast React Apps
34mOptimizing Performance in Large-Scale React & Node.js Applications
27mOptimizing the Critical Rendering Path in React
51mTips and tricks for optimizing your React application
26mProgressive React
15mOptimising React TTI