PageSpeed で「静的なアセットと効率的なキャッシュ ポリシーの配信」の警告が出る問題

問題

• PageSpeed Insights で分析。
• 「静的なアセットと効率的なキャッシュ ポリシーの配信」で警告。
• キャッシュのTTLが None になっている。

• 画像配信は、CloudFront+S3 で構築している。
• CloudFrontの Default TTL はデフォルトの24時間設定。

原因・対策

• レスポンスヘッダーに Cache-Control が設定されていなかった為。
• CloudFrontのキャッシュは効いていた。
• CloudFrontではなく、S3側の設定。
• レスポンスヘッダーポリシーを新規作成し、CloudFrontに設定。
• Cache-Control: max-age=31536000 を設定すると警告はなくなった。

参考

Lambda@Edgeで画像をリアルタイムにリサイズする

Serve static assets with an efficient cache policy – Chrome for Developers

CloudFront がオブジェクトをキャッシュする期間の指定

AWS　デベロッパーガイド