【WordPress】画像を更新したのに、表示に反映されない

ブラウザキャッシュ

ユーザーのブラウザにデータを保存し、
再訪問時に画像やCSS、JavaScriptなどの読み込みを高速化します。

 

ページキャッシュ（HTMLキャッシュ）

WordPressはPHPで動的にページを生成します。
一度生成したHTMLを保存しておき、
次回はその保存されたHTMLを表示することで処理を高速化します。

 

オブジェクトキャッシュ

データベースからの問い合わせ結果（クエリ結果）を保存し、
同じ問い合わせを繰り返さずに済むようにします。

 

データベースキャッシュ

データベースへのアクセスを減らすためにクエリ結果をキャッシュします。

 

CDNキャッシュ

CDN （Content Delivery Network）を利用して、
世界中のサーバーにキャッシュを分散させ、ユーザーの地理的に近い場所から高速に配信します。

2.2.1　プラグイン

最も簡単で一般的な方法です。

代表的なプラグインに、次のようなものがあります。

WP Super Cache
W3 Total Cache
WP Rocket（有料）

これらはページキャッシュやブラウザキャッシュ、オブジェクトキャッシュなど複数の
キャッシュをまとめて管理できます。

なお、WordPressやPHPのバージョン、あるいはWordPressの設定状況などの
環境によって、正常に動作しないことがあります。

この対策のため、プラグインをインストールする時は、前以って次のことを行っておくことが 求められます。

・ 記事のバックアップをとっておく ・ プラグインのアンインストール方法を調べておく。
ただアンインストールするだけではなく、手作業による後始末が必要な場合があるようです。

2.2.2　“.htaccess”に“Cache-Control”を記述

“.htaccess”ファイルを編集することでも、
ブラウザキャッシュのクリアを設定することができます。 .htaccessファイルに“Cache-Control構文”を追加することで、
静的ファイルのブラウザキャッシュを有効にできます。

本記事では、こういう方法があるということ紹介するだけに留めます。
下に示すページなどを参考にしていただければと思います。

Cache-Control ヘッダー

下に示す例は、
画像ファイルや動画ファイルは30日間（単位は秒、60秒×60分×24時間×30日）、
CSSファイルやJavaScriptファイルは7日間、HTMLファイルはキャッシュしないように 設定しています。

2.3.1　Google Chrome

Google Chromeでは、ブラウザの右上にある3つの点 をクリックして、
「閲覧履歴データを削除」
を選択します。

「閲覧履歴」、「Cookieとその他のサイトデータ」、「キャッシュされた画像とファイル」、
「ダウンロード履歴」などを選択して削除します。

2.3.2　Microsoft Edge

Microsoft Edgeにも、Chromeと同様にサイトの履歴とブラウザのキャッシュをクリアする
設定があります。

Microsoft Edgeを開き、ブラウザの右上にある3つの点 をクリックして、
「閲覧データを削除」
あるいは、
「設定」⇒「プライバシー、検索、そしてサービス」⇒、「閲覧データをクリア」
と選択を続け、「クリアするデータの選択」をクリックします。