eラーニングをすべての人に！blog.eラーニング.co.jp

以前弊社サイトの高速化について紹介しました。今日は、はWordPressの動作が悪い時にボトルネックになっている要素を見つけ出すためのプラグインDebug BarとDebug-Bar-Extender　ならびに、　object cacheをmemcacheに読み込ませて高速化させる方法をご紹介します。

Debug BarとDebug-Bar-Extender

このプラグインを導入すると、以下のような画面でQuery数や実行時間を調べることが可能になります。

クエリー実行時間などを調査

インストール方法については、以下の記事が丁寧でわかり易かったので、参考にして頂ければ幸いです。（当方でも特に問題なくインストールに成功しました。）

Debug Bar Extender – 重いWordPressのボトルネックを調べる
http://www.seotemplate.biz/blog/wordpress-plug/7156/

object cacheをmemcacheに読み込ませて高速化

これはどういう事かというと、すごく乱暴にいうと「Wordpressはobject cacheを使っているけど、プロセスが終了すると棄ててしまうので、Memcached Object Cacheを使って保存しておこう」という事のようです。詳しくは、以下の、ハイパフォーマンスWordPressサイト入門を参照ください。

ハイパフォーマンスWordPressサイト入門
http://dogmap.jp/wckobe2011/
大変参考になるサイトです。今回の、object cache周りに関しては、スライド79から掲載されています。

このようにキャッシュを活用することで、

作業前

実行後

参考

Webサイトの高速化を実施しました。
http://blog.elearning.co.jp/archives/26076.php

Debug Bar Extender – 重いWordPressのボトルネックを調べる
http://www.seotemplate.biz/blog/wordpress-plug/7156/

ハイパフォーマンスWordPressサイト入門
http://dogmap.jp/wckobe2011/

キバンインターナショナルでは、Wordpressの高速化させるために、wp-cacheというプラグインを使っています。このプラグインは、一度生成したHTMLをファイルシステムにキャッシュすることで、2件目以降のアクセスを圧倒的に高速化できるのですが、そのままでは、iPhone用のプラグイン(WPtouch iPhone Theme)と共存できません。

iPhone用のプラグインをインストールすると、PCで閲覧した場合と、iPhoneから閲覧した場合で異なるHTMLが出力されるようになります。しかし、wp-cacheは、iPhone用のプラグインと組み合わせて使うことが想定されていないため、最初に出力したHTMLを記憶してしまいます。そのため、最初にiPhoneでアクセスしてしまうと、パソコンで見てもiPhone用のデザインで、最初にパソコンで見るとiPhone用のデザインで表示されてしまいます。

この問題を解決するために、iPhoneから閲覧した場合はキャッシュを無効化するように、wp-cacheを書き換えました。

wp-cache/wpcache-phase1.php　13行目付近を以下のように変更しました
変更前

if (!$cache_enabled || $_SERVER[“REQUEST_METHOD”] == ‘POST’)
return;

変更後

if (!$cache_enabled || $_SERVER[“REQUEST_METHOD”] == ‘POST’ || strpos($_SERVER[‘HTTP_USER_AGENT’],’iPhone’) !== false)
return;

ifの条件部分に、エージェント判定を追加しました。ユーザエージェントにiPhoneが含まれている場合は、キャッシュのプラグインの処理を行いません。iPhoneでアクセスした時のレスポンスは若干低下しますが、パソコンと比べてネットワーク接続もハードも非力なので、問題なく運用できています。