概要 ブラウザのキャッシュ - 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です 注意点 RefreshHitはヘッダーを更新しない Or