エス技研

WordPress、CakePHP、PHP、baserCMSなどの Web系システムを中心に情報を提供します!


P3(Plugin Performance Profiler)で負荷が高いプラグインを調査し表示スピードアップ!

      2016/04/02

負荷が高いプラグインを調査するP3(Plugin Performance Profiler)

 

P3(Plugin Performance Profiler)とは?

 
WordPressのプラグインの負荷状況を調べるプラグインです。
 
WordPressのプラグインは非常に便利で、インストールするだけでいろいろな機能を拡張できますので、ついついプラグインを入れたくなりますが、プラグインを入れると遅いと言われている WordPressのスピードをさらに悪化させてしまう可能性があります。
 
でも、だからといってせっかく便利なプラグインプラグインがあるのにどうすれば!!??
 
そんなとき、本当にスピードに悪影響を与えているプラグインを見極めることが出来れば、ピンポイントで対処が出来ます。
その、悪影響を与えているプラグインがどれなのかを調べることが出来るプラグインが P3(Plugin Performance Profiler)なのです。
 
使い方も簡単でインストールしてボタンをクリックすれば、プラグイン毎にかかる処理時間がグラフとして分かりやすく表示されます。
 
 

P3(Plugin Performance Profiler)のインストール方法

 
WordPressのプラグインのインストール方法は、「WordPressプラグインの3つのインストール方法解説」に記事を書いていますので、そちらを参考にしてください。
 
 

P3(Plugin Performance Profiler)の使い方

 
P3(Plugin Performance Profiler)をインストールをすると、左ナビゲーションの「ツール」の中にメニューが追加されます。
 
「ツール」-「P3 Plugin Profiler」をクリックすると下記の画面が表示されます。
 
20150428_wp_01
 
「Start Scan」をクリックします。
 
20150428_wp_02
 
ダイアログが表示されますので「Auto Scan」をクリックします。
 
「Scan name」は、スキャンした結果をリストに残す際の名称ですので、必要に応じて変更してください。変更する必要性はほぼ感じませんが。
 
スキャンにかかる時間は、入っているプラグインの数、種類によりますが、このエス技研ブログでは 3分ほどかかりました。
 
20150428_wp_03
 
「View Results」をクリックすると結果が表示されます。
 

Runtime By Plugin

20150428_wp_04
 
Total Plugins:使用されているプラグインの総数
Plugin Load Time:1訪問者あたりのプラグインの実行にかかった総秒数
Plugin Impact:ページ表示時間のうちプラグインの実行にかかった時間の割合
MySQL Queries:1訪問者あたりのデータベースへのクエリー数
 
円グラフの上にある「Runtime By Plugin」「Detailed Breakdown」「Simple Timeline」「Detailed Timeline」「Query Timeline」「Advanced Metrics」のタブを切り替えることでそれぞれのグラフが表示されます。
 

Detailed Breakdown

20150428_wp_05
 

Simple Timeline

20150428_wp_06
 

Detailed Timeline

20150428_wp_07
 

Query Timeline

20150428_wp_08
 

Advanced Metrics

20150428_wp_09
 
プラグインのスピードの調査だけであれば、「Runtime By Plugin」「Detailed Breakdown」の 2つのグラフを見ればどのプラグインを対処すればいいか確認できます。
 
このエス技研ブログの場合は、Crayon Syntax Highlighterの影響が大きすぎて、それを対処すればいいことが一目瞭然な結果となりました。
それ以外のプラグインの影響は、Crayon Syntax Highlighterの対処をしてみないと分からないくらい負荷の差が大きすぎます。
 
Crayon Syntax Highlighterの対策は、近日中に公開します!
 
 

スキャンした履歴を見る History

 
「History」をクリックするとスキャンした履歴が表示されます。
新しくプラグインを入れたときや、プラグインの設定を変更したり、記事が増えてきたときなど定期的にチェックをして負荷状況の変化を見るときなどに使いましょう。
といいつつ、過去の履歴を見る必要性がピンと来ませんが...
 
20150428_wp_10
 
 

P3(Plugin Performance Profiler)の設定を行う Advanced Settings

 
「Start Scan」のボタンの下にある「Advanced Settings」をクリックすると下記の設定画面が表示されます。
設定を変更する場面が思い浮かびませんので、デフォルトのままでなんにも問題ありません。
 
20150428_wp_11
 

Use my IP address

P3(Plugin Performance Profiler)を使用する IPアドレスを指定して制限する場合に入力をします。
チェックが入っている場合は IPによる制限を行いません。
 
 

Attempt to disable opcode optimizers

チェックを入れることでプラグインの検出の精度を上げることが出来ます。しかし、処理のタイミングの精度はやや下がります。
推奨設定はデフォルトのチェックを入れたい状態です。
 

Attempt to circumvent browser cache

ブラウザのキャッシュを制限し、「No visits recorded」のエラーが出ないように処理をします。詳細な内容についてはヘルプを参照してください。
 

Debug mode

直近 100件のログを保存します。ログを表示するには、ヘルプページを見てください。
 
 

おまけ

 
P3(Plugin Performance Profiler)の仕様とは全く関係ありませんが、「Current」「History」「Help」のタブを切り替えようとすると一瞬下記のような画面が表示されます。
よく見てみると分かりますが、そもそもの画面はこういう表示になっていると言うことですね。
これを CSSで装飾してあの画面を作っているってことですねぇ。画面を構築する際の参考になりますね。
 
20150428_wp_12
 
 
また、WordPressの高速化施策として「WordPressの高速化でSEO対策!広告費も削減!高速化の施策のまとめ」にまとめ記事を書いていますので、あわせて参考にしてみてください。

 - WordPress

GoogleAdwords

GoogleAdwords

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

下記の空欄を埋めてください。 * Time limit is exhausted. Please reload CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

※入力いただいたコメントは管理者の承認後に掲載されます。

  関連記事

WP jQuery LightBoxでWordPressの画像を簡単に見やすくする方法解説

画像のリンクに対して LightBox効果を簡単に追加するプラグイン。インストールして数項目にチェックを入れるだけで設定完了。属性を追加することで機能も追加できる。

highlight.jsの設定方法を解説。 Syntax Highlighterから乗換え、高速化にも最適

Crayon Syntax Highlighterの代替案としてhighlight.jsを試してみた。highlight.jsは設置簡単で軽量なシンタックスハイライト。デザインもCSS変更だけの簡単変更。

WordPressのインストール方法・セキュリティ重視 3つのポイント

WordPressのインストールをセキュリティ重視の視点から3つのポイントの解説と設定方法です。

アクセス5倍増!FC2、seesaaからWordPressに引越結果をレポート

FC2、seesaaからWordPressに引越しでアクセス数がどう変わるかのレポート。canonical、meta refresh設定とWordPressの集客力の検証しています。

Smart Update PingerでWordPressのPing・更新情報サービスを拡張する

WordPressの Ping機能、更新情報サービスのプラグイン Smart Update Pingerの使い方と問題点。

Custom Post Type UIでカスタムタクソノミーを設定し編集する方法解説

カスタムタクソノミーを追加、管理するプラグインCustom Post Type UIの使い方の解説。プラグインの解説ではあるものの、カスタムタクソノミーの仕様の解説でもある。

EWWW Image Optimizerで画像の圧縮でWordPressを高速化

ページ表示の高速化に使うEWWW Image Optimizerの紹介です。英語で書かれているために取っつきにくいですが設定は3カ所。画像の圧縮もワンクリック。超簡単!

WordPressのスラッグとは?

WordPressのスラッグって何?それを解説している記事です。なんとなく分かっている気になっているものを改めてしっかり確認をしてみませんか?

ショートコード+ウィジェットでサイドバーに人気記事を表示させる方法

WordPressのサイドナビゲーションに人気記事を編集する方法です。プラグインを使わずウィジェットにショートコードで任意のPostIDを指定することで編集する方法です。

Basic認証をファイル単位・URL単位で設定する方法の解説

Basic認証はフォルダ単位だけでなくファイル単位での設定もできるためログイン画面だけにBasic認証を設定することもできます。その解説です。