Data Fetching Waterfall とは？
data fetching waterfall は、実際には依存関係がない場合でも、各リクエストが前のものが返るまでブロックされて順次実行されるパターンです。合計時間は、最も長い 1 回ではなく、すべてのラウンドトリップの合計になります。これは、レンダー時にそれぞれが fetch を行うネストされたコンポーネントからしばしば生じます。
なぜ重要か
waterfall は、一緒に実行できたはずのリクエストを直列化することで読み込み時間を膨らませます。fetch を巻き上げたり並列で開始したりすると、連鎖が解消されページが高速になります。
関連ガイド
What Is Request Memoization?Request memoization deduplicates identical data fetches within one render pass, so several components asking…
What Are Parallel Routes?Parallel routes let one layout render multiple independent route slots at once, so distinct sections of a pag…
What Is a Suspense Boundary?A suspense boundary wraps part of a UI so that while its data or code is loading, a fallback is shown, lettin…