Streaming SSR
ページ全体の完成を待たず、データが用意できた部分から順にHTMLをチャンクとして送る方式。
React 18のSuspenseと renderToPipeableStream で実現する。ヒーロー画像はすぐに表示され、遅いセクション(コメントやおすすめ)は後からストリームされて入ってくる。データ量の多いページでは、TTFBとLCPが大幅に改善する。
ページ全体の完成を待たず、データが用意できた部分から順にHTMLをチャンクとして送る方式。
React 18のSuspenseと renderToPipeableStream で実現する。ヒーロー画像はすぐに表示され、遅いセクション(コメントやおすすめ)は後からストリームされて入ってくる。データ量の多いページでは、TTFBとLCPが大幅に改善する。