Code Splitting Strategy とは？

code splitting strategy は、bundler がアプリケーションのコードを 1 つの大きなファイルではなく複数の chunk に分割するために従うルールのセットです。各パーツはオンデマンドで、多くはルートごと、あるいは lazy に import されるコンポーネントごとに読み込まれ、browser は画面に必要なものだけを取得します。目的は初回ダウンロードを小さくし、first render を速くすることです。

なぜ重要か

コードを分割すると初回の bundle が小さく保たれ、最初の load が速くなり帯域も減ります。まずい戦略はコードを過剰なリクエストに断片化したり、共有モジュールを chunk 間で重複させたりすることがあります。

関連ガイド