キャッシュサーバーとレスポンシブ

レスポンシブ部分はcssがやってるのでキャッシュされてる方が効く(反応が速い)はずなんですけども、スマホでPC表示になるのはキャッシュのせいですね。

レスポンシブと言う言葉の使い方が誤解を招く事もあったりするのですが、レスポンシブは意味合いとして、ブラウザのサイズが変わったらそれに中身のコンテンツが追従すると言う意味ですよね。

今回の場合は、デバイスの種類が変わったらと言う意味合いにも取れます。
どの設定か忘れましたが、viewportの書き出し部で、通常はレスポンシブにするのであれば、

<meta name=”viewport” content=”width=device-width,initial-scale=1″>

こうなっているべきなのですが、このwidthの部分がpxで決め打ちされる設定があります。そうするとキャッシュにはそのサイズが残ってしまうので表示がおかしくなることがあるのではないかと思ったりします。

中身のコンテンツ自体は、viewportが正しく読めているのであればレスポンシブになっているはずです。
おかしくなる場合に、viewportがpxになっていないかどうかを確かめられて、どの(カスタマイザー)設定でそうなるかがわかれば対処はできるかと思います。

おそらく設定次第の所なので、サーバーのキャッシュは効かせておいた方がベターだと思います。

Hidekichi様

本件ご回答いただきありがとうございます。
CSSは全然分からない素人なのですが、仕組みまで教えて頂き少しだけ納得しました。
とりあえず今はサーバーのキャッシュは効かせつつ
スマホだけキャッシュの対象外にもできるみたいなのでもう少し勉強します。

わいひら様

お返事ありがとうございます。
「W3 Total Cache」の記事読ませて頂きました。

でも、W3 Total Cacheは、wpx側と相性が悪いようです。
（キャッシュのせいでCSSの反映も遅いし、わいひらさんと同じXSEVERにしたいです。）

どうしようもないかもしれませんとのこと、分かりました。

XSEVERにして、教えて頂いたプラグインの方が個別に設定もできるしグループ化もできるしよさそうだなと思いました。

頑張ってみます。

お二人とも、お忙しい中ご回答ありがとうございました。
今後ともよろしくお願いいたします。

わいひらさん

WPXのキャッシュ機能はオフすることができますから、
「W3 Total Cache」のみ単体で使う方がいいと思っていたのですが、
WPXと組み合わせて使うこともできるのですね！
本当にいろいろ勉強になります。しかも分かりやすくて、私でもできそうです。

関係ない話ですが、無料ブログ時代は、アクセスが１日１００ページのクソなブログだったのに
移行して３ヶ月で、１日３０００ページになったんです。
それだけでなく、こんなに手厚くサポートして頂いて、わたしは頭が上がりません。

また、いろいろ聞くかもしれませんが、その際はどうぞよろしくお願いいたします。