chocotakaの日記

日々技術的な事で学んだ小さな事をを自分なりに書いていきます

Cache-Control immutable max-age

Cache-Controlにmax-ageを指定することで、ブラウザにリソースをキャッシュさせることができます。

ブラウザはmax-ageに満たないキャッシュを持っていてもConditional GETによってキャッシュの有効性の問い合わせを行います。

Immutableは、キャッシュがmax-age内であればリロード時もキャッシュヒットさせることができます。 max-ageの期間内はfreshとみなされ、 freshであればサーバへの問い合わせなく再利用されます。 サーバへの問い合わせが無いため、事実上最速のリソース取得が可能になります。

Cache-Control: max-age=10000, immutable

のように設定されていると、キャッシュをImmutableと指定することができ、ブラウザはキャッシュが fresh であればリロード時でもヒットさせるようになります。

PageSpeed Insightsでもキャッシュの期日設定をした方が良いと言われることもあるので、前向きに設定しましょう。

PageSpeed Insights