サイトを修正して「これで完璧!」と思ったのに、ブラウザで確認すると全然反映されていない…。
誰しも一度は経験があるのではないでしょうか。
・・・・・実はその原因、キャッシュが原因かもしれません。
この記事ではブラウザのキャッシュクリアの方法、レンタルサーバー(ロリポップ)でのキャッシュクリアの方法、と私の更新が反映されない原因だったTHE THORのキャッシュ設定について解説していきます。
キャッシュって何?
ウェブサイトを見るとき、パソコンやスマホは、そのページの情報(文字や画像など)を「一時的に保存」しています。
この「一時的に保存」している情報が、キャッシュです。
このキャッシュを使用して、一度見たページはすぐに表示できるという仕組みになっているので表示時間が短くなります。
キャッシュクリアの注意点
キャッシュを使用しないため、ウェブサイトの表示速度が一時的に遅くなることがあります。
またCookieも削除されることがありますので気をつけてください。
(Cookieには、ログイン情報などが含まれています)
3種類のキャッシュとTHE THORのキャッシュ
キャッシュには、主に3つの種類があります。
ブラウザキャッシュ
ブラウザキャッシュとは、ウェブブラウザ(Chrome、Safari、Firefoxなど)がウェブページや画像などのデータを一時的に保存するものです。
WordPressキャッシュ
WordPressキャッシュとは、WordPressで作成されたウェブサイトのデータを一時的に保存するものです。
サーバーキャッシュ
レンタルサーバーでもキャッシュを利用しています。レンタルサーバーがウェブサイトのデータを一時的に保存するものです。
THE THORキャッシュ
THE THORでは表示速度を上げるためキャッシュを利用しています。
ブラウザキャッシュクリア
Chromの通常のキャッシュクリアで更新されればいいですが、更新できなかった場合はもう一つの方法のキャッシュクリアを試してみてください。
Chrom通常キャッシュクリア
画面右上の角にある、縦に点が3つ並んだメニューアイコンをクリックします。
「閲覧履歴データを削除」というウィンドウが表示されます。
削除する期間を選択し 「キャッシュされた画像とファイル」にチェックが入っていることを確認してください。
他にも削除したいデータがあればチェックを入れて「データを削除」ボタンをクリックすると、選択した期間とデータに基づいてキャッシュが削除されます。
Chrom「DevTools」を使ってのキャッシュクリア
①ファンクションキー「F12」をクリックして「DevTools」を立ち上げます。
コードがざーっと表示されている画面が表示されます。
②アドレスバー横の更新ボタンを長押しします。
「キャッシュの消去とハード再読み込み」をクリックします。
レンタルサーバー側のキャッシュクリア
レンタルサーバーでもキャッシュを利用してサイトの表示を高速化している設定になっている場合があります。
ロリポップ!アクセラレータでキャッシュクリア
「サーバーの管理・設定」→「ロリポップ!アクセラレータ」をクリックします。
ここで更新したいドメインの設定をクリックします。

「LiteSpeed Cache」プラグインでキャッシュクリア

THE THORの設定でキャッシュクリア
「htaccess設定」と「PWA機能設定」にキャッシュの設定があります。
「htaccess設定」ブラウザキャッシュ無効にする
「外観」→「カスタマイズ」→「SEO設定[THE]」→「htaccess設定」の順にクリックしてください。
「ブラウザキャッシュを有効にする」のチェックをはずして「公開」をクリックします。
「PWA機能設定」PWAキャッシュクリア
「外観」→「カスタマイズ」→「PWA機能設定」→「PWA機能設定」の順にクリックしてください。
「クリア」をクリックする
修正中は「無効」にして、修正が終わったらまた有効にします。
PWAってどんな機能?
PWAは、ウェブサイトをスマホアプリみたいに使えるようにしてくれる機能です。
スマホのホーム画面にアプリみたいにアイコンを追加することもできます。
THE THORサイト修正が反映されない!今すぐできるキャッシュ対処法 まとめ
サイト修正が反映されないと、イライラしてしまいますよね。
この記事でご紹介したキャッシュクリアの方法を参考にイライラを解消してください!