Cacheの超簡単解説

Cacheとは

  • サーバとブラウザーとの通信を効率的にするための情報技術。
  • ブラウザーがWEBサイトに初めてアクセスした場合、staticファイル(image, html, css, javascript)はコピーを保存し、再度同じWEBサイトにアクセスした場合、ブラウザーは保存されたstaticファイル利用する。
  • Cacheは満了期間が定まってないため、手動で削除する必要がある。

Cacheの利点

ネットワークトラフィクが減らし、webサイトを素早くレンダーリングすることができる。

Cacheの弱点

staticファイルが更新されてもブラウザーはコピー本を使用するため、古いままの場合がある。

cachebuster(キャッシュバスター)

Cacheの弱点を回避するために行われるのがcachebusterである。
cachebusterは、静的ファイル名を変更することで、古いファイルを読まないようにする方法。
やり方としては以下のお通りである。

<link href="https://example.com/css/style.css?ver=210615" rel="stylesheet">

style.cssのファイル名の後ろに?と共に別名を付けることで、以前cacheに保存されたファイルを無視して、最新の静的ファイルをダウンロードして読み込むようにする。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です