React on Rails Performance Demo

Desktop reports use 50 ms artificial DB delay to emulate real-world load

This demo app is small and fast — under normal conditions all three rendering strategies score similarly on desktop. PageSpeed Insights does not throttle CPU or network on desktop, so it cannot surface the performance differences that matter in production. Adding ?delay=50 to every page injects a 50 ms sleep after each database query, simulating the heavier queries and higher latency of a real-world application. This makes the RSC streaming advantage clearly visible in Lighthouse scores. The 50 ms delay emulates typical database latency and API response times seen in production applications under load.

Metric Client RSC Δ
Performance score 97 98 +1%
First Contentful Paint 672 ms 382 ms -43%
Largest Contentful Paint 948 ms 475 ms -50%
Total Blocking Time ★ 20 ms 0 ms -100%
Cumulative Layout Shift 0.0 0.0 +0%
Speed Index 1.33 s 1.54 s +16%
Script Bootup 320 ms 108 ms -66%
Total Transfer 790 KB 490 KB -38%

★ Blocking Time has the biggest impact on Google's performance score (30%) — it measures how long users wait before they can tap, scroll, or type (LCP 25%, CLS 25%, FCP 10%, SI 10%).

Client Desktop · product-search_client-desktop
RSC Desktop · product-search_rsc-desktop