パーシャルハイドレーションとは？
パーシャルハイドレーションとは、ページツリー全体ではなく、インタラクティビティを必要とするコンポーネントだけをハイドレートする手法です。静的なセクションは、サーバーが生成した HTML のまま残り、クライアントのロジックは付与されません。これにより、ページを機能させるためにダウンロードして実行する必要のある JavaScript の量が絞られます。
なぜ重要か
選択的にハイドレートすると、メインスレッドの作業が減り、コンテンツの多いページで time to interactive が改善します。これはアイランドアーキテクチャの根底にある考え方です。
関連ガイド
What Is Island Architecture?Island architecture renders a page as mostly static HTML with small interactive regions, or islands, that hyd…
What Is a Hydration Mismatch?A hydration mismatch happens when the markup a client renders during hydration differs from the server HTML,…
What Is Streaming SSR?Streaming server-side rendering sends HTML to the browser in chunks as it is produced, so users see early con…