Webページの修正が反映されない場合の対処方法【キャッシュクリア】

eyecatch WEB制作

こんにちは、SouDogです。

今回は、Web制作には切っても切り離せない『キャッシュクリア』についてお話します。

Filezilla等を使って、Webページの修正ファイルをアップロードしても、その修正箇所が反映されないことがよくあります。

ここでは、その対処法について紹介していきます。


修正箇所が反映されない原因「キャッシュ」

修正箇所が反映されない原因の9割が「キャッシュ」によるものです。

この「キャッシュ」というのは何かと言いますと、Webブラウザの機能のひとつで「2回目以降にアクセスした時にページ表示をスムーズにするためのファイル(データ)」です。

前回アクセスした時の「キャッシュ」が残っているため修正箇所が反映されないように見えるため、修正箇所を反映させるには、この「キャッシュ」を一度削除しなければいけません(キャッシュクリアと呼ばれています)。

残った「キャッシュ」を削除する方法

このキャッシュを削除する方法(キャッシュクリア)はいくつか方法があり、ブラウザによって若干違うため、ここでは推奨しているGoogle Chromeでの操作をご紹介します。

1.スーパーリロード

この「スーパーリロード」とは、キャッシュを無視して再読み込みする機能です。

方法は様々で、

  • Shift+Ctrl+r
  • Ctrl+更新ボタンをクリック
  • Ctrl+F5

ただし個人的な体感ですが、確実に修正箇所を反映できるとは限らないため、スーパーリロードで反映できなかった場合、以下の方法を試してみましょう。

2.検証ツールを使った再読み込み

検証ツールを起動している間、ブラウザの更新ボタンが拡張されますので、これを使ってキャッシュを削除し、新しくページを読み込む方法です。

1.検証ツールを起動する。(「Shift+Ctrl+i」もしくは、「何もないところで右クリック→検証」)

2.更新ボタンで右クリックし、「キャッシュの消去とハードの再読み込み」をクリック。

3.Chrome拡張機能「Clear Cache」を使う

キャッシュの削除はChromeの拡張機能「Clear Cache」を使って削除することもできます。
(他にもキャッシュを削除する拡張機能はあります)

1.Chromeウェブストアにアクセスし、「Clear Cache」で検索する。

2.「Chromeに追加」をクリックし、インストールする。

3.よく使う拡張機能なので、ピン止めして常に表示された状態にしておくと良いでしょう。

4.使う時はアイコンを1クリックでキャッシュを削除することができます。

この「キャッシュクリア」はWeb制作とは切り離せない操作です。

「Filezllaで修正ファイルをアップロードした時」はもちろん、「WordPressのテーマファイル(CSSやPHPファイル)を修正した時は、かなりの確率で修正が反映されないので、その時はここで紹介した方法を試してみてください。(個人的には検証ツールを使った方法がおすすめ)

Web制作をこれからやっていく方は必ず必要になるのでぜひ覚えておいてください!!

コメント