Optimising React TTI
summary
Focus on reducing Time To Interactive by measurable tactics not high‑level promises. Run Lighthouse audits, compare gzipped and raw bundle sizes, and split code per route with dynamic imports and React Suspense so only needed chunks load. Use SSR or static export with server cache to serve prerendered HTML and validate cache invalidation. Progressive enhancement hides or disables interactive controls until JS hydrates. Defer analytics by stubbing a global queue and injecting the real tracker after 5 seconds to avoid parse blocking and improve TTI.
AI-written summary · about
chapters (7)
related talks
24mOptimising React’s TTI
27mOptimizing the Critical Rendering Path in React
34mOptimizing Performance in Large-Scale React & Node.js Applications
33mMaximising performance with React code-splitting techniques
37mReact Tune Up
28mDemystifying React Performance
25mDesigning High Performance React Applications
39mMaking Your React Apps Perform At Scale