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!

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

Monograph goods in bag23 teaparty
  • umetomo

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

  関連記事

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

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

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

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

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

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

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

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

sidebar (mini).png
ブログのサイドバーを左に変えただけでまさかこんなに訪問別PVが増えるとは思いませんでした。

5月も半ば、GWがはるか昔の事のようです。長期休暇とは儚いものですね。PITE. …

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

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

Number333 2012-04-14 2.02.30.png
WordPressに関連記事表示プラグイン「LinkWithin」を導入してみた!

こんにちは!PITEです! この間購入した最強のブロガー本を読んで、サイトの中で …

ブログ上にソースコードをわかりやすく表示する方法!WordPressプラグイン「SyntaxHighlighter Evolved」紹介!

今回はWordPressのブログの記事中にHTMLやCSSなどのソースコードを見 …

Number333 2012-06-12 15.56.00.jpg
WordPressにGoogleカスタム検索バーを導入してみたのでその方法を解説します!

WWDCの興奮も冷めやらぬ中、サイトのカスタマイズに勤しんでおります、PITEで …

NewImage.png
【アップデートには要注意!】WordPress3.4でプラグイン「Auto Post Thumbnails」を使う方法!

こんにちはー!PITEです! 色々データベースのバックアップ関連が片付いたのでや …