『Ctrl+F5』と『F5』リロードでwebページの更新内容が変わるケースはキャッシュを疑う
wordpressなど動的なCMSサイトを扱っていると、たまにページをリロードした時、読み込むcssなどが異なり、webページの見え方が変わってしまうケースがあります。
また、ctrl+F5でスーパーリロード、F5でリロードした時でもcssの差分が生まれるケースなどもあります。
そういう時の原因としてはキャッシュを疑ってみると、対処法が見えてくる時があります。
目次
ページリロードで更新内容が変動する時はキャッシュが原因？
リロードをした時、サーバーやブラウザに残っているキャッシュ情報と、新しく取得した情報で差分があり、それによってページ内容が変わってしまうことが結構あります。
また、css以外にも、更新する度、phpなど言語のエラーログが出るケースや出ないケースがある時もキャッシュが怪しい場合があります。
キャッシュの種類
キャッシュはサーバー側とブラウザ側の2ケースがあるため、注意が必要です。
ページのリロードによる反映内容にブレがあるのは、基本的には、キャッシュが残っていることで参照しているデータがバラバラになってしまったり、意図しないものが混ざったりするケースがほとんどかと思います。
また、ブラウザやサーバーのキャッシュ以外にも、CDNなど使っていれば、そこのキャッシュが残っているケースもありますし、ドメイン移管やサーバー移管などをした直後であれば、DNSサーバーの浸透／キャッシュ問題もありますので、とにかく、そういったキャッシュを疑うことが大事です。
ブラウザキャッシュを削除する方法
以下の記事に紹介があります。
サーバーのキャッシュを削除する方法
こちらは利用しているサーバーによって方法が異なりますので、利用しているサーバーのヘルプページを参照しましょう。
例えばエックスサーバーであれば、「サーバーキャッシュ」の設定をオフにしたり、Xアクセラレータを一旦オフにしたりすると良いでしょう。
自作している場合でもない限り、基本的にはサーバーのコントロールパネルなどにキャッシュコントロールの案内がありますので、そこをいじればOKかと思います。
まとめ
ページの見え方が安定しない場合などは、まずはキャッシュを疑ってみましょう。