概要
ブラウザのキャッシュ - Carpe Diem
を検証している時に期待した挙動をしなくてハマったので、CloudFrontのキャッシュの動作と注意点をまとめます。
CloudFrontのキャッシュ動作
レスポンスヘッダのx-cache
を見ると以下の3つに区別できます。
x-cache | CloudFrontのキャッシュ | Originへのリクエスト | Originのレスポンス |
---|---|---|---|
Miss from cloudfront | なし or あるがTTL切れでOriginに更新あり |
あり | 200でリソース返す |
Hit from cloudfront | あり | なし | なし |
RefreshHit from cloudfront | あるがTTL切れ | あり | 304でリソースは返さない |
この中で注意なのはRefreshHit from cloudfront
です