🏠

⚡ Streaming vs Traditional Race

Watch how streaming enables parallel loading

📊 Live Waterfall Timeline

0ms
✅ STREAMING (Parallel Loading)
🧙 Server Work
Fetching data...
-
🎨 CSS Download
Loading styles...
-
⚡ JS Download
Loading scripts...
-
💰 Body Render
Rendering content...
-
❌ TRADITIONAL (Sequential Loading)
⏳ Server Wait
Waiting for response...
-
🎨 CSS Download
Loading styles...
-
⚡ JS Download
Loading scripts...
-
💰 Body Render
Rendering content...
-
0s 0.5s 1s 1.5s 2s 2.5s 3s
Server processing
CSS download
JS download
Body rendered
Browser waiting
✅ Streaming Status
  • 1 Request sent to server
  • 2 <head> received instantly!
  • 3 CSS/JS downloading (parallel)
  • 4 Server still fetching data...
  • 5 Assets ready! (while waiting)
  • 6 <body> received & rendered
❌ Traditional Status
  • 1 Request sent to server
  • 2 Waiting for server... ⏳
  • 3 Still waiting...
  • 4 HTML finally received!
  • 5 NOW downloading CSS/JS
  • 6 Assets ready, rendering...