バンドル

バンドルとは、複数のCSSファイルまたはJavaScriptファイルを1つのファイルにまとめて、読み込み時間とパフォーマンスを最適化する手法のことです。個々のファイルに対して複数のネットワークリクエストを行う代わりに、ブラウザは1回のリクエストで済ませるため、レイテンシと帯域幅の使用量を削減できます。

ファイルは、サイトのデプロイパイプライン中によく行われるビルドプロセスを通じて「バンドル」されます。Webpackのようなツールは、ファイル間の依存関係を分析し、順序の問題から生じるエラーを回避する方法でそれらをバンドルします。

バンドルされたファイルは通常、空白、コメント、不要なコードを削除することでサイズを削減するために最小化されます。

バンドルは、静的アセットのデプロイを簡素化し、キャッシュのメリットをもたらします。ウェブサイトのパフォーマンスのベストプラクティスと見なされており、サイトが多くのGUI依存関係で複雑になるにつれて広く採用されています。