Slashing Performance Bottlenecks and Poor User Experience
summary
Data from HTTP Archive, CrUX and the RUM archive shows only 43% of sites meet Core Web Vitals; React sites ship a median ~12,200 KB of JavaScript versus ~558 KB for the web, mobile traffic is ~60–67%, and React sites score 48.5% good on interaction to next paint while the web is ~78%. Diagnosis links heavy JS to high total blocking time, more rage clicks, and poor mobile interactivity; measurement tools called out include WebPageTest and Lighthouse.
AI-written summary · about
chapters (12)
- 0:00Introduction by host
- 1:05Speaker introduction and setup
- 4:42Talk theme and modern web performance
- 9:46Core Web Vitals overview
- 12:13Snapshot of web performance data
- 16:03Mobile vs desktop performance gap
- 18:31JavaScript toxicity and device limitations
- 20:37JavaScript size trends in React
- 21:21Total blocking time and rage clicks
- 23:48React-specific performance opportunities
- 24:54Measurement and improvement strategies
- 26:21Conclusion and Q&A
related talks
45m2022 State Of JS: A Performance Profile
51mOptimizing your React Application
34mOptimizing Performance in Large-Scale React & Node.js Applications
45mDid We(b Development) Lose the Right Direction?
35mRevitalising the Web - The Importance of Web Performance
42mA crash course in core web vitals for React developers
28mR is for React Performance
37mThe Cost of JavaScript