テクノロジー観測所

Technology Observatory(テクノロジー観測所)は"初心者を卒業した(い)"人を対象とする情報サイトです。

ウェブキャッシュを無視して全て読み込み直す「スーパーリロード」のやり方

この記事は約1分29秒で読めます

ウェブブラウザには、一度読み込んだサイトに使用されているリソースの一部をコンピュータに保存し、同じページを再度開く時に読み込み時間を短縮する機能が備わっています。

この仕組を「キャッシュ」といい、決められた期間、ファイルを保持することができます。

ウェブサイトの閲覧時はこのキャッシュのおかげで快適な操作ができますが、サイトやページの作成時にはキャッシュのせいでCSS等の更新が反映されず、苦労することがあります。

もしページ更新時に"強制的に全てのリソースを読み込む"ような操作ができたら便利ですよね?

できるんです。これを「スーパーリロード」といいます。今回はChromeでのやり方を説明します。

Google Chromeでスーパーリロードをする方法

google_chrome_super_reload

このようにChromeブラウザにはキャッシュを消去してリロードする機能が備わっています。

表示のさせ方は意外も意外、パソコンでこんな操作をすることがあったのかと驚くこと請け合いです。

なにしろマウスで長押し操作をするんですから。

ただ、すぐに押してもダメ。先にデベロッパーツールを開いておく必要があるみたいです。

Chromeのデベロッパーツールの開き方

google_chrome_developer_tool

Chromeデベロッパーツールの開き方は簡単、F12キーを押すだけです。

または、ウィンドウ内を右クリックして「検証」を選んでもいいです。

ブラウザの更新ボタンを長押し(押しっぱなし)にする

chrome_reload_button_long_click

Chromeデベロッパーツールを開いている状態で、左上のリロードボタンを長押しします。

マウスを使う場合は左クリックを押しっぱなしにします。こんな操作をゲーム以外でする日が来るとは思いませんでしたw

「通常の再読み込み」または「キャッシュの消去とハード再読み込み」どちらかを選べばスーパーリロードとなるようです。

キーボードショートカットでもスーパーリロード可能

「Shift + F5」もしくは「Ctrl + Shift + R」を押すことで、キャッシュコンテンツを無視して現在のページを再読み込みできます。

このキーボードショートカットはChromeのバージョンアップで変わる可能性もあるかもしれません。

Chromeのキーボードショートカット一覧は下記で確認できます。

chrome_super_reload_keybord_shortcut

「ウェブページのショートカット」の中に記載があります。

関連記事

  1. seo-is-advanced-website-maintenance
  2. サイトの印象を決定づけるtitleタグとdescriptionタグの役割
  3. 検索エンジンを混乱させる方法
  4. SEO対策
  5. 新SearchConsoleでインデックス登録をリクエストしたところ

コメントをお待ちしております

HTMLタグはご利用いただけません。