動的圧縮を有効にする

動的圧縮を有効にすると、Cloud CDN から返されるレスポンスは自動的に圧縮されます。ネットワーク経由で送信されるデータのサイズは、通常のケースで 60%~85% 減少します。

サイズを縮小すると、コンテンツのダウンロードにかかる時間が短縮されます。スタイルシート(CSS)、スクリプト(JavaScript)、動画マニフェスト(HLS / DASH)などの重要なアセットの場合は、ページの読み込みにかかる時間や動画が開始するまでの時間を短縮できます。

レスポンスを圧縮する利点については、Web Fundamentals のガイドをご覧ください。

バックエンド サービスまたはバックエンド バケットで圧縮を有効にできます。

サンプル ユースケース

動的圧縮を使用すると、Cloud CDN のエッジからクライアントに送信されるデータのサイズが小さくなります。これにより、次のような結果になります。

  • CSS と JavaScript のサイズが縮小されます。これにより、ウェブページの表示を高速化し、重要なウェブ パフォーマンス指標である First Contentful Paint の時間を短縮できます。
  • JSON ペイロードなどの REST API レスポンスをキャッシュに保存する際に、大きな効果があります。これらのペイロードでは、キー、空白、波かっこが繰り返されているため、効果的に圧縮されます。公開 API を 5~10 秒間隔でキャッシュに保存すると、データの鮮度を保ちながら送信元の負荷を軽減できます。これは、よく使われている手法です。

    キャッシュに保存しなくても、これらのレスポンスを圧縮すると、合計で最大 90% のバイト数を削減できます。

  • 動画配信の再生開始時間とライブ ストリーミングの参加時のレイテンシが改善されます。サイズの大きいライブ再生リスト(マニフェスト)には繰り返しデータが大量に含まれています。たとえば、各セグメントのホスト + パス接頭辞、HLS または DASH 再生リスト メタデータなどが含まれています。再生リストの読み込みや再生リストの更新のダウンロードを高速に行うほど、クライアントが参照動画セグメントの解析とダウンロードを待機する時間が短くなります。多くの場合、HLS と DASH の再生リストの合計サイズは 90% 以上削減されます。

始める前に

次のように構成されていることを確認します。

  • Cloud CDN 対応バックエンドが構成されている。Cloud CDN を構成していない場合は、いずれかの設定ガイドの手順に沿って構成できます。
  • バックエンドには、1 KiB~10 MiB の配信可能な圧縮可能コンテンツ(ウェブアセットや動画マニフェストなど)が存在します。
  • クライアントが、範囲リクエストまたは強力な ETag を使って部分的なコンテンツを取得していない。これらは、動的圧縮に対応していません。
  • クライアントが、Content-Length ヘッダーなしでレスポンスを処理できる。たとえば、Cloud CDN が圧縮するキャッシュミスには Content-Length ヘッダーがありません。
  • バックエンドの構成を変更するために必要な IAM Compute ロードバランサ管理者ロールroles/compute.loadBalancerAdmin)を持っている。

バックエンド サービスまたはバックエンド バケットで圧縮を有効にする

圧縮を有効にするには、次の手順を行います。

コンソール

新しい送信元を追加する

新しい送信元を追加して設定するには、バックエンドに適したタイプについて設定の概要の手順を行います。送信元を作成する場合は、[詳細オプション] セクションを使用し、[圧縮モード] リストで [自動] を選択して動的圧縮を構成します。

既存の送信元を編集する

既存の Cloud CDN 送信元を編集するには:

  1. Google Cloud コンソールで、Cloud CDN の [送信元] ページに移動します。

    [送信元] に移動

  2. 編集する送信元の名前をクリックし、[編集] をクリックします。

  3. [送信元の基本] セクションで、[次へ] をクリックします。

  4. [ホストとパスのルール] セクションで、[次へ] をクリックします。

  5. [キャッシュ パフォーマンス] セクションで、[詳細オプション] に移動します。

  6. [圧縮モード] リストで、[自動] を選択します。

  7. [完了] をクリックして変更を適用します。

gcloud

バックエンド サービスの場合は、gcloud compute backend-services create コマンドまたは gcloud compute backend-services update コマンド--compression-mode フラグを使用します。

バックエンド バケットの場合は、gcloud compute backend-buckets create コマンドまたは gcloud compute backend-buckets update コマンド--compression-mode フラグを使用します。

新しいバックエンド サービスの場合は、create コマンドを使用します。

gcloud compute backend-services create BACKEND_SERVICE_NAME \
    --compression-mode=AUTOMATIC

既存のバックエンド サービスの場合は、update コマンドを使用します。

gcloud compute backend-services update BACKEND_SERVICE_NAME \
    --compression-mode=AUTOMATIC

新しいバックエンド バケットの場合は、create コマンドを使用します。

gcloud compute backend-buckets create BACKEND_BUCKET_NAME
    --compression-mode=AUTOMATIC

既存のバックエンド バケットの場合は、update コマンドを使用します。

gcloud compute backend-buckets update BACKEND_BUCKET_NAME
    --compression-mode=AUTOMATIC

compression-mode は、以下のいずれかになります。

  • AUTOMATIC: クライアントから送信された Accept-Encoding ヘッダーに基づいて、最適な圧縮を自動的に使用します。ほとんどの場合、これにより Brotli の圧縮が優先されます。
  • DISABLED(デフォルト): 圧縮を無効にします。

API

バックエンド サービスの場合は、backendServices.insert メソッドまたは backendServices.update メソッドを使用します。

バックエンド バケットの場合は、backendBuckets.insert メソッドまたは backendBuckets.update メソッドを使用します。

次のいずれかのコマンドを使用します。

POST https://compute.googleapis.com/compute/v1/projects/PROJECT_ID/global/backendServices
PUT https://compute.googleapis.com/compute/v1/projects/PROJECT_ID/global/backendServices/BACKEND_SERVICE
POST https://compute.googleapis.com/compute/v1/projects/PROJECT_ID/global/backendBuckets
PUT https://compute.googleapis.com/compute/v1/projects/PROJECT_ID/global/backendBuckets/BACKEND_BUCKET

JSON リクエストの本文に次のスニペットを追加します。

"compressionMode": AUTOMATIC

compression-mode は、以下のいずれかになります。

  • AUTOMATIC(推奨): クライアントから送信された Accept-Encoding ヘッダーに基づいて、最適な圧縮を自動的に使用します。ほとんどの場合、これにより Brotli の圧縮が優先されます。
  • DISABLED(デフォルト): 圧縮を無効にします。

数分以内に、構成がすべてのエッジ ロケーションに反映されます。バックエンドから配信される圧縮可能なコンテンツは、クライアントに配信される前に圧縮されます。

圧縮モード

デフォルトの圧縮モードは DISABLED です。

AUTOMATIC モードを使用すると、Cloud CDN は次の点に基づいて最適な圧縮方法を選択できます。

  • クライアントが使用できるエンコード
  • レスポンスの予想圧縮率
  • Cloud CDN の圧縮速度(スループット)

Brotli は gzip と比べて、ほとんどのコンテンツ タイプでダウンロード サイズをさらに 10~20% 削減できます。同様の解凍パフォーマンスにより、ダウンロード時間全体およびクライアントでの解凍速度を考慮すると全体的に高速化されます。

Cloud CDN は、レスポンスの Content-Encoding ヘッダーで、選択した圧縮方法を gzip または brotli として示します。

Cloud CDN は、クライアントの合計ダウンロード サイズと CPU コストのバランスを考慮して圧縮レベルを決定します。圧縮レベルが高くてもパフォーマンスが向上するとは限りません(特に性能の低いモバイル デバイスの場合)。

Cloud CDN は、最初にコンテンツを圧縮するときに、レスポンスから Content-Length ヘッダーを削除します。レスポンス全体が圧縮されるまでコンテンツの全体長は不明であるため、レスポンスをできるだけ早く配信するには、この処理が必要になります。レスポンスが圧縮され、キャッシュに保存されると、Cloud CDN の以降のレスポンスに Content-Length ヘッダーが含まれることがあります(HTTP/1.1 以前では、Cloud CDN のレスポンスで Content-Length が使用されない場合、Transfer-Encoding: chunked が使用されます)。

レスポンスが圧縮される場合

リクエストに gzip または Brotli アルゴリズムのサポートを明示的に示す Accept-Encoding ヘッダーがあり、バックエンド(送信元)から送られる非圧縮レスポンスの Content-Type ヘッダーが圧縮可能なコンテンツ タイプに対応している場合、このレスポンスは gzip または Brotli で圧縮されます。リクエストに Accept-Encoding ヘッダーがない場合、または Accept-Encoding: * ヘッダーがある場合、レスポンスは圧縮されません。

たとえば、クライアント リクエストに Accept-Encoding ヘッダーがある場合、次の表の情報に従ってレスポンスが圧縮されます(または圧縮されません)。

Accept-Encoding リクエスト ヘッダー レスポンス エンコード
gzip, compress, br Brotli(br)
deflate 非圧縮
deflate, gzip gzip
identity 非圧縮
* 非圧縮

圧縮可能なコンテンツ タイプ

動的圧縮は、Content-Type HTTP レスポンス ヘッダーに基づいて次の MIME タイプに適用されます。Content-Type レスポンス ヘッダーのないレスポンスは圧縮されません。

一般的なコンテンツ タイプとその MIME タイプは次のとおりです。

  • HTML コンテンツ: text/html
  • スタイルシート: text/css
  • JavaScript: application/javascript
  • JSON: application/json