Split hydration with Suspense
Same three heavy Client Components, but each wrapped in its own<Suspense> boundary. React hydrates them as separate tasks, yielding to the browser between each one. Open the Performance tab, reload, and compare with the single-pass version: three smaller tasks instead of one long one. The button becomes interactive sooner.
Section A
Section B
slow component
Section C
slow component