ブラウザキャッシュって何?
どうも、マサヨシです。
ブラウザキャッシュって知ってますか?
キャッシュは便利なところもありますが厄介者にもなりうるという、ちょっと癖のあるシステムです。
今日はこのキャッシュについて僕といっしょに勉強していきましょう。
目次
ブラウザキャッシュって何?
ブラウザキャッシュとは、WEBページを表示したときに、ページで使われている画像やHTMLなどのデータを使用しているパソコンへ一時的に保存する仕組みです。
ブラウザごとにキャッシュの容量が決まっており、容量を超えると古いものから削除されていきます。
キャッシュのメリット
再度同じページへアクセスする際に、サーバーからデータをダウンロードするのではなくキャッシュを読み込むことで、初回よりも速くページを表示することができます。
キャッシュのデメリット
保存されているキャッシュが、常に最新のものとは限らないことです。
これにより、サーバーは更新されているのに最新の情報がダウンロードされず、キャッシュに残っている古い情報がページに表示されてしまうことがあります。
僕もWEBアプリを開発しているときに、CSSを変更したはずなのにブラウザを更新しても反映されていないということが結構起きます。
古いキャッシュを読まないようにするには
古いキャッシュを読まず、最新のデータをダウンロードするための方法は2つあります。
スーパーリロード
キャッシュを読まずにスルーし、最新のデータをとってくることです。
ブラウザごと、そしてOSごとに押すべきキーが変わってきます。
僕は仕事でよくWindowsのパソコンでGoogle Chromeを使っているので、Ctrl + F5を押すようにしています。
その他はこちらを参考にしてみてください。
キャッシュのクリア
もうひとつの方法は、キャッシュを意図的に削除することです。
先ほど「キャッシュは古い方から自動的に削除されていくもの」と書きましたが、意図的に手動で削除できれば、またサーバーから最新のデータをダウンロードしてくれます。
こちらのやり方もブラウザによって異なります。
Chromeの場合はまず検証ツールを開き、そのうえでブラウザの更新ボタンを長押しします。するとすぐ下にメニューが出現するので「キャッシュの消去とハード再読み込み」を選択します。
その他のブラウザのやり方はこちら。
まとめ
キャッシュは便利ですが、仕組みを知らないと古い情報が残り続けていることに気づけない場合があります。
スーパーリロードやキャッシュクリアをうまく使いこないして、キャッシュを有効活用しましょう。
参考記事