バンドルとは、複数のCSSファイルまたはJavaScriptファイルを1つのファイルにまとめて、読み込み時間とパフォーマンスを最適化する手法のことです。個々のファイルに対して複数のネットワークリクエストを行う代わりに、ブラウザは1回のリクエストで済ませるため、レイテンシと帯域幅の使用量を削減できます。
ファイルは、ビルドプロセスを通じて、多くの場合サイトのデプロイパイプライン中に「バンドル」されます。Webpackのようなツールは、ファイル間の依存関係を分析し、順序の問題から生じるエラーを回避するようにファイルをバンドルします。
バンドルされたファイルは通常、空白、コメント、不要なコードを削除することでサイズを削減するために最小化されます。
バンドルは、デプロイの簡素化と静的アセットのキャッシュのメリットにつながります。ウェブサイトのパフォーマンスにおけるベストプラクティスと見なされており、サイトが多くのGUI依存関係とともに複雑化するにつれて広く採用されています。