In this demonstration, I explore the effects of Client-Side Rendering (CSR), Server-Side Rendering (SSR), Streaming, and React Server Components on key web performance metrics such as Largest Contentful Paint (LCP) and Interactivity.
This demo also serves as a playground to experiment with CSS-only scroll animations.
Preview:
streaming.mp4
Try it yourself:
https://scroll-animation-streaming.vercel.app/
Best expirience in a browser with CSS property: animation-timeline support