Apr 11
Loading video player...
Stop guessing why your RSC migration isn't shrinking bundle sizes. Learn the real performance impact of Streaming vs. Hydration on your LCP and interactivity 🚀 Nadia Makarevich (Senior Staff Engineer, performance researcher, and author of two books on React optimization) benchmarks SPA, SSR, and RSC to reveal the truth behind modern rendering strategies. What you will learn: 📊 LCP Benchmarks: Real metrics for RSC vs. SSR. ⚡ Interactivity Gap: Fixing the "visible but frozen" UI. 📦 Bundle Realities: Why RSC often fails to reduce JS. 🛰️ Streaming: Why Suspense is mandatory for performance. ✍️ Talk: Nadia Makarevich | I Measured React Server Components’ Performance So You Don’t Have To 🌎 This Talk was recorded at React Advanced London 2025, Website: https://reactadvanced.com/?utm_source=youtube&utm_medium=radv-NadiaMakarevich Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings: 🔗 https://gitnation.com/events/react-advanced-conference-2025?utm_source=youtube&utm_medium=radv-NadiaMakarevich 📌 Looking for more advanced technical talks and a chance to ask top speakers questions live? 👉🏻 Join us at our upcoming events. Pick your event via the link and secure your spot at the best rate: https://gitnation.com/events?utm_source=youtube&utm_medium=radv-NadiaMakarevich Timestamps: 00:00 - Nadia Makarevich: Investigating React Performance 01:13 - Measurement Methodology & Chrome DevTools Setup 01:42 - Roadmap: Comparing SPA, SSR, and RSC Profiles 02:46 - The Guinea Pig App: Architecture and Data Endpoints 04:32 - CSR Performance Profile: The High Cost of JS Bootstrapping 06:24 - Basic SSR: Improving LCP with a Pre-rendered Shell 08:20 - Server-side Data Fetching & The "Interactivity Gap" 09:59 - Benchmarks: Next.js Pages Router vs. App Router (SSR Mode) 12:12 - RSC Architecture: Eliminating Double Rendering on Client 13:36 - Bundle Size Analysis: Why RSC Wins are Often Underwhelming 15:55 - Beyond Static RSC: Implementing Smarter Servers with Streaming 17:27 - Technical Hurdles: Async Components & Suspense Boundaries 19:54 - Final Comparison: Selecting the Right Rendering Strategy #React #ReactServerComponents #RSC #NextJS #WebPerformance #SSR #Frontend #WebDev #JavaScript #CoreWebVitals #NadiaMakarevich #GitNation #ReactAdvanced