ブラウザキャッシュ TTL は、HTML、CSS、JavaScript ファイル、画像などのウェブリソースがユーザーのブラウザにキャッシュされる期間を決定します。デフォルトでは、ESA はオリジンからの Cache-Control ヘッダーに従います。オリジンの設定を変更することなく、カスタムのブラウザキャッシュ期間を設定することで、この動作をオーバーライドできます。これにより、ブラウザは有効なリソースをローカルキャッシュから直接ロードできるようになり、ページの応答時間が短縮され、ユーザーエクスペリエンスが最適化されます。
グローバルの ブラウザキャッシュ TTL 設定は、デフォルトのキャッシュルールの デフォルトのキャッシュ対象ファイルの拡張子 で定義されたリソースタイプだけでなく、すべてのリクエストに適用されます。
操作手順
ESA コンソールで [ウェブサイト] を選択し、サイト 列で対象のウェブサイトをクリックします。
左側のナビゲーションウィンドウで、 を選択します。
ブラウザキャッシュの有効期間 セクションで 設定 をクリックし、キャッシュポリシーを選択して OK をクリックします。
オリジンサーバーのキャッシュポリシーに準拠する: ブラウザーは、オリジンの応答のキャッシュポリシーに従います。オリジンの応答にキャッシュポリシーが含まれていない場合、ESA エッジノードはキャッシュヘッダーを追加または変更しません。
キャッシュしない: ブラウザは、オリジンがキャッシュポリシーを提供している場合でも、ESA から受信したリソースをキャッシュしません。
カスタムキャッシュ有効期間を使用する: オリジンにキャッシュポリシーが設定されているかどうかに関係なく、ESA で設定されたキャッシュ TTL が使用されます。
グローバル設定とルールベース設定の比較
グローバル設定は、ウェブサイトのすべてのリクエストに影響します。特定のリクエストにのみ設定を適用するには、代わりにルールベースの設定を使用します。ルールを使用すると、リクエストパラメーターに基づいて条件を定義し、設定が適用されるタイミングを正確に制御できます。グローバルなブラウザキャッシュ TTL 設定に相当するルールベースの設定は、ブラウザキャッシュ TTL です。