monograph

意外と盲点。高速化キャッシュプラグイン「W3 Total Cache」をWPtouchやモバイル用テーマと併用する方法。

5
13
10
18

   

wordpress-article-adsense001.png
昨日に引き続きブログの中身をゴニョゴニョしております。PITE.(@infoNumber333)です。ゴニョゴニョ。

というのも最近「ページの表示速度が遅すぎる!」とGoogle先生から怒られるようになったためです。その問題を解決するために定番のキャッシュ系プラグイン「W3 Total Cache」の設定をいじっていたのですが、どうやらこのW3 Total Cache、「Page Cache」の項目をオンにするとユーザーエージェントの判別(ユーザーがどんなデバイスで見ているか)ができなくなってしまうようなのです。

これだとiPhoneからでもPC用の画面が表示されてしまいますし、ユーザーエージェントごとに設定した内容も全て適用されません。これは困った。どうにか解決する方法は無いものか。ありました。

調べてみるとiPhone研究室さんの「WordPress の W3 total cache と WPtouch を併用するには除外設定が必要だ to @donpy | iPhone 研究室」という記事で同じ問題について解決策が書いてありました。どんぴさんも同じ内容で悩んでたんですね笑。

この記事ではWPtouchについての説明でしたが、モバイル用テーマでも原理は同じ。
なのでその解決策を僕も記事にしておきます。

W3 Total Cacheを設定。


Number333_2013-08-08_20.41.36.png
今回は特別コードなどをいじる必要は無く、プラグインの設定から解決可能です。
WordPressの管理画面から「インストール済みプラグイン」の中にある「W3 Total Cache」の「Settings」を選択しましょう。

Number333_2013-08-08_20.41.53.png
設定画面を開けたら、サイドバーの「Page Cache」をクリック。

Number333_2013-08-08_20.42.08.png
するするーっとスクロールしていって下の方にある「Advanced」という項目を見つけて下さい。ここの「Rejected User agents」という項目にデバイスの名前を書き込むと、そのデバイスのユーザーエージェントが効いてちゃんとテーマが振り分けられるようになります。コレで解決。

一応iPhone研究室さんの設定をそのまま書いておきます。

iphone
ipod
ipad
pre
pixi
iemobile
aspen
incognito
webmate
android
dream
cupcake
froyo
blackberry9500
blackberry9520
blackberry9530
blackberry9550
blackberry 9800
blackberry 9780
blackberry 9850
blackberry 9860
webos
s8000
bada

主要なものだけで全部入力しなくても問題ないと思いますが、このままコピペするのが一番楽かな。

PITE.はこう思うよ。


これでモバイルでも快適にブログが見れますね。先人の知恵に感謝です。
そしてW3 Total Cacheをちゃんと設定しなおしたら驚きの結果が出ました!!
次の記事で書きますので乞うご期待!

PITE.(@infoNumber333)

 - WordPress

total

48

share!

シェアしてくれるとめっちゃよろこびます。

teaparty
  • umetomo

    1年半前の記事についてで申し訳ないのですが。Rejected cookiesの空欄の下に「Never send cache pages for these user agents.」とありますよね。これってそこに入力したデバイスにはキャッシュしたデータを送らないっていうことなんだと思うんですけど、iPhoneなどにキャッシュしたページを送るのはあきらめるということなんですか?

  関連記事

NewImage.png
【WordPress】バックアップは超大事!簡単にブログのバックアップを作成してくれるプラグイン「WP-DBManager」がめちゃめちゃ使える!導入&使い方紹介

メンドクサイしよくわかんないし…ってことでずっと遠ざけていたWordPressの …

feedburner.png
簡単な設定で定期購読者を増やそう!フィードバーナー(Feedburner)の登録とRSS登録ボタンの設置方法。

実はこのNumber333、最近までWordPressの不具合でRSSフィードが …

Number333 2012-06-12 15.56.00-1.jpg
Googleのカスタム検索バーを自分のサイトに合わせてカスタマイズする方法解説します!

前回の記事、WordPressにGoogleカスタム検索バーを導入してみたのでそ …

WordPressで関連記事を自動的に表示させる方法:YARPP

WordPressに関連記事を表示する方法(YARPPを使ってみた) ブログ記事 …

Number333 2012-10-04 1.40.28-1.png
【サイト表示高速化】PNGを透過を残したまま大幅に圧縮してくれる無料Macアプリ「ImageAlpha」がメチャクチャ使えて泣きそう。

はいー…!PITE.です! 現在このブログ、Number333の高速化に取り組ん …

Number333 2013-03-03 14.13.01 (mini).png
【完全版】これでもう迷わない!WordPressのブログをサーバー移転(引越し)する詳しい手順・方法を解説します。【ロリポップからSIXCOREへ】

長い道のりだった… 先日当ブログNubmer333のサーバー移転がやっと完了しま …

【Blog】やったー!!「覚醒する @CDiP」で記事が紹介されたよー( ;∀;)!しかも2つも!

あのiPhoneブログ界のおまとめ役とも言えるサイト「覚醒する @CDiP」でN …

server (mini).png
試行錯誤の上Sixcoreへサーバーを移転!そして新しいPC用ブログテーマを作成しました!!

ご無沙汰!PITE.です。 久しぶりの記事更新!(照 なぜこの一週間まともに記事 …

FOLLOW ME.png
5分、いや3分でできるオリジナルのTwitterのフォローボタンをブログに設置する方法。

ブログのデザインを少しづつ少しずつ変えています。PITE.です。 ちょっとでも毎 …

Number333 2013-01-31 14.33.23_2 (mini).png
画面スクロールにあわせてついてくるSNSボタンetcを設置しました!簡単に方法などを。

いよぉ〜!ポン!PITE.です! やっとテストが終わってひたすらテンションが高い …