ブラウザ

ブラウザ(Chrome、Firefox、IE、Edge)のキャッシュを完全削除する3つの方法

自サイトの記事を更新したはずなに、WEBブラウザ(Chrome、Firefox、Safari、IE、Edge等)で見てみると前と何も変わってない?

そんな時はまずはブラウザキャッシュを疑いましょう。

ブラウザキャッシュとは

ブラウザキャッシュとは、一度アクセスしたサイトのデータ(画像、HTML、CSS等)をローカル端末内(PCやスマホ)に一時的に保存しておく仕組みです。

どのブラウザも標準で装備している機能で、訪れたページの情報を裏でこっそり保存しています。
これがブラウザキャッシュです。

もし、再度同じページを訪れた場合、このキャッシュを使うことにより、高速にページを表示させたり、通信量を軽減されたりするナイスな機能です。

ブラウザキャッシュの問題点

便利なブラウザキャッシュですが、その特性が故に、WEBサーバーのページが更新されているにも関わらず、古い情報を表示してしまう場合があります。

もし、「今スグ」最新のページを反映させたい場合は、
ブラウザキャッシュを手動で消す必要があります。

以下に、キャッシュを強制削除する方法を3つ紹介します。(かんたんです。)

方法①:ショートカットキーでキャッシュ削除する

ブラウザのキャッシュを削除し、WEBサーバー上にあるデータを強制的に再読み込みさせる方法です。
この方法を、「スーパーリロード」と言いますが、別名「ハードリロード」、「フルリロード」「強制再読み込み」とも言います。

使用方法は下記のキーを押すだけです。
ブラウザ、使用端末の種類によって使用キーが変わります。

Windowsの場合

ブラウザスーパーリロード方法
ChromeCtrlF5
ShiftF5
Ctrl + 更新ボタン、
Shift + 更新ボタン
FireFoxCtrlF5
CtrlShiftR
Shift + 更新ボタン
Internet ExplorerCtrlF5
Ctrl + 更新ボタン
Edge
F5
CtrlR

Macの場合

ブラウザスーパーリロード方法
Chromecommand + R
Shift + 更新ボタン
FireFoxcommandshiftR
Shift + 更新ボタン
Safaricommand + R
commandoption +  E
shift + 更新ボタン

【スーパーじゃないリロード(再描画)の方法】
スーパーリロードより「ゆるい」リロード(再描画)は、以下のキーで発動します。
(このキーがスーパーリロードのブラウザもあります。)

  • Macの場合、CommandR
  • Windowsの場合、CtrlR または F5

方法②:ブラウザの設定画面からキャッシュ削除する

【Chromeの場合】

  1. ブラウザ画面上で下記のショートカットキーを押し「閲覧履歴データを消去する」画面を表示させる。
  2. 削除したいデータを選択し、「データを消去」をクリック

mac:command + shift + delete
windows:Ctrl + Shift + Delete

方法③:ブラウザの機能拡張(エクステンション)でキャッシュ削除する。

よりフレキシブル且つ確実にキャッシュクリアしたい場合は、「Clear Cache」というChrome機能拡張が便利です。

使い方は簡単で、Chrome画面右上のグルグルアイコンをクリックするだけでブラウザのキャッシュ等をクリアしてくれます。

このプラグインは、設定でブラウザキャッシュだけでなくクッキーや閲覧履歴、パスワードなどもクリアすることができます。

また、毎回クリアボタンを押すのが面倒な場合は、タブを開いた後で自動的に設定した項目内容を消すこともできます。

【Reload】
Automatically reload active tab after clearing data
→チェックをつけるとタブを開いた後で下記の「Data to Remove」で設定した項目を削除する。
(非チェック推奨)

【Data to Remove】
削除するデータの種類を選択。
App Cache、Cache 、Cookies、Downloads、File Systems、Form Data、History、Indexed DB、Local Storage、Plugin Data、Passwords、WebSQL

【Time Period】
一定時間ごとにキャッシュをクリアしてくれる設定。

clear cacheのプロパティ

設定方法は、先程のアイコンを右クリック → オプションから設定可能です。

以下からChromeへ拡張機能を追加できます。(Chromeの再起動は不要)

Chrome機能拡張:Clear Cache

   まとめ

以上、WEB従事者には必須の知識「ブラウザのキャッシュを強制削除する方法」を紹介しました。