訪問者の Browser Cache TTL の時間を指定すると、再訪時のページ読み込みが速くなります。Cloudflare のデータセンター内のキャッシュ期間を設定するには、Edge Cache TTL を参照してください。
デフォルトでは、Cloudflare は Expires と Cache-Control ヘッダーで設定されたキャッシュ期限を尊重します。次のいずれかに当てはまる場合、Cloudflare はダッシュボードの Caching にある Browser Cache TTL の値で、Cache-Control または Expires ヘッダーを上書きします。
- オリジン Web サーバーの
Cache-Controlヘッダーの値が Browser Cache TTL の設定より短い。つまり、Browser Cache TTL の値はオリジンのmax-ageより長くする必要があります。 - オリジン Web サーバーが
Cache-ControlもExpiresヘッダーも送らない。
Cache Rule で明示的に設定しない限り、Browser Cache TTL を Respect Existing Headers にした場合、Cloudflare は Cache-Control ヘッダーを上書きも挿入もしません。
ただし、Cache-Control: max-age の方が長い場合、Cache Rule で設定した値は無視されます。つまり、ブラウザーのキャッシュを Cloudflare エッジより長くすることはできますが、短くすることはできません。
-
Cloudflare ダッシュボードで、Caching ページを開きます。
Configuration を開く ↗ -
Browser Cache TTL で、ドロップダウンメニューから希望のキャッシュ期限を選びます。
Respect Existing Headers を選ぶと、Cloudflare はオリジン Web サーバーの Cache-Control ヘッダーの設定を尊重します。