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考慮事項
- Varyヘッダー:CDNは
Accept-Encodingに基づいて異なるバージョンをキャッシュ - オリジン圧縮:一部のCDNはオリジンが圧縮コンテンツを送信する場合、再圧縮をスキップ
- キャッシュヒット率:gzip/brotli/未圧縮の個別キャッシュエントリはヒット率を低下させる可能性
ユースケース
CDN圧縮を設定するDevOpsエンジニアやインフラチーム向け。CDN固有の圧縮動作を理解することで、二重圧縮やVaryヘッダーの欠落などの一般的な落とし穴を防げます。