ビルドパイプラインでのプリ圧縮 — .gzと.brファイル
ランタイムコストなしで最大圧縮を実現するビルド時アセットプリ圧縮の方法を学びます。webpack、Vite、nginxの設定方法。
Optimization
詳細な説明
プリ圧縮：ビルド時圧縮
プリ圧縮は、HTTPリクエストごとに圧縮するのではなく、ビルドプロセス中に静的アセットの.gzと.br圧縮バージョンを生成することです。
なぜプリ圧縮するのか？
| アプローチ | 圧縮レベル | CPUコスト | レイテンシー影響 |
|---|---|---|---|
| オンザフライ（レベル6） | 中程度 | リクエストごと | 1–10ms追加 |
| プリ圧縮（レベル9/11） | 最大 | ビルド時のみ | ゼロ |
プリ圧縮はランタイムコストゼロで最大圧縮を実現します。
Nginx プリ圧縮サービング
gzip_static on; # .gzファイルをサーブ
brotli_static on; # .brファイルをサーブ
ユースケース
本番デプロイメントのビルドパイプライン最適化。本番環境でリクエストごとにCPUコストを支払わずに最大圧縮率を求めるチームに必須です。