Cacheとは
- サーバとブラウザーとの通信を効率的にするための情報技術。
- ブラウザーがWEBサイトに初めてアクセスした場合、staticファイル（image, html, css, javascript）はコピーを保存し、再度同じWEBサイトにアクセスした場合、ブラウザーは保存されたstaticファイル利用する。
- Cacheは満了期間が定まってないため、手動で削除する必要がある。
Cacheの利点
ネットワークトラフィクが減らし、webサイトを素早くレンダーリングすることができる。
Cacheの弱点
staticファイルが更新されてもブラウザーはコピー本を使用するため、古いままの場合がある。
cachebuster(キャッシュバスター)
Cacheの弱点を回避するために行われるのがcachebusterである。
cachebusterは、静的ファイル名を変更することで、古いファイルを読まないようにする方法。
やり方としては以下のお通りである。
html
<link href="https://example.com/css/style.css?ver=210615" rel="stylesheet">
style.cssのファイル名の後ろに?と共に別名を付けることで、以前cacheに保存されたファイルを無視して、最新の静的ファイルをダウンロードして読み込むようにする。