WordPress講座、サーバー情報、強力なプラグイン、綺麗なテーマ(テンプレート)の紹介

W3 Total Cacheでレスポンシブが崩れる!キャッシュを諦めてないか?

iphone-830480_640

キャッシュプラグインの問題点

サイト読み込み速度の高速化にはいろいろな方法があります。
W3 Total Cache」、「Wp Super Cache」などのキャッシュプラグインを使うのが手っ取り早いのですが、リスクも大きく戸惑っている方も多いのではないでしょうか?

最も多いのがモバイル用のページがある場合にキャッシュを設定しているとPCページにモバイルページのキャッシュされたものが表示されてしまうなどの不都合が発生します。

これはレスポンシブテンプレートを使用しても同様のケースがあり、殆どの方はモバイルページをキャッシュをさせない設定にしています。

モバイルページを一番キャッシュさせたいのに・・・・
勿体ない(;O;)

「Wp Super Cache」はPCサイトしかキャッシュ出来ない?ので今回は「W3 Total Cache」の使い方と問題点、不具合回避策について書いてみます。

「W3 Total Cache」はPCページ、モバイルページを別にキャッシュ可能

「W3 Total Cache」はページ・キャッシュの他に下記の機能を持ち恐らくWordpressキャッシュでは最も高機能なプラグインでしょう。

・ソースの最適化
・データベース・キャッシュ
・オブジェクト・キャッシュ
・ブラウザ・キャッシュ

更に「W3 Total Cache」はPCページ、モバイルページを別にキャッシュ可能なのでモバイルページのキャッシュを諦める必要もありません。

PCページ、モバイルページを別にキャッシュさせる方法は他のサイトでも詳しく説明されていますのでここでは割愛します。
ここがわかり易い:iPhone 研究室

注意:キャッシュプラグインの導入は大変リスクがあります。問題が起きた時に自力で解決不可能な方はおすすめしません。また、導入前には必ずバックアップする事をお願い致します。

レスポンシブテンプレートで起きる不都合?

そもそもレスポンシブテンプレートではキャッシュ設定をしても問題が起きない様に感じます。

しかし管理人も経験しましたが殆どの場合、問題が発生してしまいます。問題になるのはWORDPRESS 3.4以降から対応しているモバイルアクセスを判別するwp_is_mobile関数を使っている場合です。

最近のレスポンシブテンプレートはPCとモバイル用で広告を分けたりするためにwp_is_mobile関数が気が付かないうちに使われています。

「W3 Total Cache」はPCとモバイルページを別にキャッシュ出来る機能を持ちますが、wp_is_mobileと「W3 Total Cache」ではモバイルと判断するモバイル端末定義が異なるためにPC <-> モバイル表示に不都合が発生してしまいます。

レスポンシブテンプレートの対策

本来、レスポンシブテンプレートではキャッシュ設定を分ける必要はありませんが、wp_is_mobile関数を使っているテンプレートをお使いの場合、若しくはwp_is_mobile関数を使っているかわからない場合でも表示不具合が発生した時は下記の方法を試してみて下さい。

前項(PCページ、モバイルページを別にキャッシュさせる方法)で説明した内容とほぼ同じですが、その設定箇所にwp_is_mobile関数のモバイル端末定義を設定すれば簡単に解決可能です。

管理人が設定した User Agents

android.*mobile
blackberry9500
blackberry9520
blackberry9530
blackberry9550
blackberry9800
cupcake
dream
incognito
iphone
ipod
webmate
webos
windows.*phone

この設定で数か月間、運用していますが今のところ問題は発生していません。

WordPressサイトでキャッシュプラグインを検討されている方へ

サイトの高速化はSEOと言うよりもサイト訪問者の離脱率に影響を与えます。

キャッシュプラグイン(W3 Total Cache)の導入はWordpressサイトの高速化に貢献しますが、それに伴うリスクも大きい事を理解しなければなりません。
※今回は触れませんでしたが、「Wordpress Popular Posts」などの表示不具合もあります。

まずはハイスペックサーバーに切り替えたり、画像/ソースの最適化などを検討する事をおすすめ致します。

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

*



にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

QLOOKアクセス解析
1G4nmzdIc9r9FUV1402471565_1402471688
WordPressテーマ「BlogPress (TCD010)」
1位:このサイトのテーマ(*^^)v(TCD010)

WordPressテーマ「Gorgeous (TCD013)」
2位:PVがかなり上がるぜぃ(^O^)(TCD013)

WordPressテーマ「CUBEY (tcd023)」
3位:アドセンスのクリック率UP!(TCD023)

ボタンマルシェ - ButtonMarche
プロデザインのボタン素材完全無料!