[Chrome] 3種類の再読み込みの違いを理解する(キャッシュを完全にクリアするために)

Chromeにはページを再読み込する方法が3つある。いずれもページを更新するのは同じであるが、キャッシュの扱いが異なる。即ち、全然削除しない(=再読込しない)、一部削除する(=一部再読込する)、全部削除する(=全部再読込する)という3段階が存在する。以下に違いをまとめた。

名称キャッシュの扱いショートカット・キー
通常の再読み込み(reload)

リロード、リフレッシュ

キャッシュの再読込をしない。Ctrl+R または F5
ハード再読み込み(hard reload)

スーパーリロード

一部のキャッシュ(=現在のページから直接参照されている外部ファイル)を再読込する。Ctrl+Shift+R または Shift+F5

(リロードのショートカットキーにShiftを追加すればOK)

キャッシュの消去とハード再読み込み

完全リロード

全てのキャッシュ(=Javascriptから動的に読み込まれるファイルなど含む全て)を再読込する。ショートカットキーは存在しない。

Chromeデベロッパーツールから更新アイコンを長押しまたは右クリックして実行するなどの方法がある。

(*)スーパーリロードという呼び方は日本の用語のようである。英語ではhard reload。

(*)完全リロードというのは当サイトの造語である。適切な言葉がなかったので作成した。

CSSの編集結果を確認する際など、キャッシュの再読み込みが完全に行われないと、ブラウザ上に全く変化が反映されずどツボにハマることがある。これを防止するには上記の「完全リロード」を徹底すればOKである。

参考

Chrome のキャッシュを完全に削除する方法 | WWWクリエイターズ
Google Chrome(グーグルクローム)に保存されたキャッシュを完全に削除する方法をまとめました。また、CSSなどの外部ファイルキャッシュ、またキャッシュ削除に関連する種々の操作方法についても網羅しました。 Chrome のキャッシュクリア 通常のリロードと、キャッシュによる問題 Google Chrome には...

コメント