ブラウザキャッシュの仕組みについてまとめた

Web開発において、ページの読み込み速度は非常に重要になります。 そのためにもブラウザのキャッシュは効率的なWebサイト運営に不可欠な機能です。 ブラウザのキャッシュには次のHTTPヘッダを設定することができます。 Expiresヘッダ Cache-Controlヘッダ Last-Modifiedヘッダ ETagヘッダ これらのキャッシュには強いキャッシュと弱いキャッシュで分類が可能です。 「Expires」「Cache-Control」は強いキャッシュであり、「Last-Modified」「ETag」は弱いキャッシュに分類できます。 強いキャッシュと弱いキャッシュ 強いキャッシュは設定された期間内は完全にローカルキャッシュを利用して、サーバーへのリクエストを行いません。 一方で弱いキャッシュはキャッシュされたリソースの検証が必要であり、ETagやLast-Modifiedヘッダを利用して

[kazuppo01]

毎回忘れてMDNのドキュメントをあさるのでまとめてくれるのありがたい

[blueboy]

　キャッシュよりも設計概念の方が重要だ。レスポンスを瞬時にやるサイト設計にしろ。サーバーのレスポンスを待たずに、クライアント内で反応を済ませる設計にしろ。例。検索枠はサーバーから呼び出すな。> 朝日新聞

[mk_55]

説明するのに便利

[prograti]

"ExpiresとCache-Control: max-ageの両方が利用できる場合はmax-ageを優先するように定義されています。そのためHTTP/1.1が使用されるようになった現在ではExpiresを提供する必要はありません" https://developer.mozilla.org/ja/docs/Web/HTTP/Caching

[nilab]

ブラウザキャッシュの仕組みについてまとめた

[yorkfield]

「クライアントとサーバー間で時刻設定が異なる場合」＜これは単に時計が進んでたり遅れてたりしてる場合を指しているのでは？

[t-murachi]

全体的に日本語が変な記事(´・ω・`) / 「クライアントとサーバー間で時刻設定が異なる場合は、期限設定が意図した通りに機能しない可能性が」<GMTなのに?

[moneyshark]

expires や cache-control は一般的に強いキャッシュであり、これが ない場合は、Etag や last-modified という弱いキャッシュ(条件次第のキャッシュ)が使われる感じ