You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
-**25% decrease** in overall maintenance complexity
39
+
40
+
Please note that only the first of these directly compares performance of equivalent applications with and without React Server Components.
41
+
Other migrations may include React or other dependency upgrades and so on.
26
42
27
43
## 🌊 SSR Streaming
28
44
29
45
SSR Streaming sends HTML to the browser in chunks as it’s generated, enabling progressive rendering:
30
46
31
-
-**30% faster** full‑page load times at Hulu by combining streaming SSR with Server Components [[3]]
32
-
- Popular libraries like styled‑components v3.1.0 have introduced streaming SSR support as the next generation of React app rendering [[4]]
33
-
34
-
## 📊 Core Web Vitals & TTI Improvements
35
-
36
-
-**60% faster** Time to Interactive on Meta’s developer portal after adopting RSC (from 3.5 s to \~1.4 s) [[5]]
37
-
-**45% quicker** First Contentful Paint in the same migration [[5]]
38
-
-**50% lower** server response time with Server Components [[5]]
39
-
-**15% improvement** in Core Web Vitals and **23% reduction** in Time to First Byte at Airbnb after RSC migration [[5]]
47
+
-[An experiment at Nordnet comparing equivalent applications with and without streaming SSR](https://www.diva-portal.org/smash/get/diva2:1903931/FULLTEXT01.pdf):
48
+
-**32% faster** time to first byte
49
+
-**40% faster** total blocking time
50
+
- Negative result: **2% increase** in server load
51
+
-[Hulu case study](https://www.compilenrun.com/docs/framework/nextjs/nextjs-ecosystem/nextjs-case-studies/#case-study-3-hulus-streaming-platform):
52
+
-**30% faster** page load times
53
+
-[styled‑components v3.1.0: A massive performance boost and streaming server-side rendering support](https://medium.com/styled-components/v3-1-0-such-perf-wow-many-streams-c45c434dbd03)
40
54
41
55
---
42
56
@@ -49,19 +63,3 @@ Adopting these features in React on Rails Pro will help you deliver faster, lean
49
63
3. Follow our [RSC & SSR Streaming migration guide](https://www.shakacode.com/react-on-rails-pro/docs/react-server-components-tutorial.md)
50
64
51
65
Let’s make your apps faster—together.
52
-
53
-
---
54
-
55
-
## 📚 References
56
-
57
-
1. productonboarding.com experiment: 62% bundle reduction, 63% Speed Index gain ([frigade.com][1])
58
-
2. GeekyAnts.com case study: 52% code reduction, Lighthouse 50→90+ ([geekyants.com][2])
59
-
3. Hulu—30% faster full‑page loads with streaming SSR + RSC ([questlab.pro][3])
60
-
4. styled‑components v3.1.0: introduced streaming SSR support as the next generation of React rendering. ([medium.com][4])
0 commit comments