SSR、SSG、CSR、PPR風の各レンダリング方法のパフォーマンスを比較します。
Web Vitals (FCP, TTFB) を測定します
Server-Side Rendering
Static Site Generation
Client-Side Rendering
Streaming + Suspense
サーバーサイドでHTMLを生成してクライアントに送信
ビルド時にHTMLを事前生成してキャッシュ
クライアントサイドでJavaScriptを使用してレンダリング
StreamingとSuspenseを使った段階的なレンダリング