CDN設定でのGzip圧縮

人気のCDN(Cloudflare、AWS CloudFront、Vercel、Fastly、Netlify)でgzipとBrotli圧縮を設定する方法を学びます。

Infrastructure

詳細な説明

CDN圧縮設定

CDNはエッジでコンテンツを圧縮でき、ユーザーに近い場所で処理します。各CDNは圧縮を異なる方法で処理します。

Cloudflare

Cloudflareはテキストベースのアセットを自動的に圧縮します。Brotliはダッシュボードで切り替え可能です。

AWS CloudFront

CloudFrontは明示的な設定が必要:"Compress": true。1,000【10,000,000バイトのオブジェクトを圧縮します。

Vercel

Vercelは自動的に圧縮を有効にします。Brotliがデフォルト、Gzipがフォールバック。設定不要です。

主なCDN考慮事項

  1. Varyヘッダー:CDNはAccept-Encodingに基づいて異なるバージョンをキャッシュ
  2. オリジン圧縮:一部のCDNはオリジンが圧縮コンテンツを送信する場合、再圧縮をスキップ
  3. キャッシュヒット率:gzip/brotli/未圧縮の個別キャッシュエントリはヒット率を低下させる可能性

ユースケース

CDN圧縮を設定するDevOpsエンジニアやインフラチーム向け。CDN固有の圧縮動作を理解することで、二重圧縮やVaryヘッダーの欠落などの一般的な落とし穴を防げます。

試してみる — Gzip Size Calculator

フルツールを開く