エス技研

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.

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

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

  関連記事

ob_start、ob_get_contentsを利用しショートコード内でinclude・WordPressプラグイン開発

WordPressのプラグインやショートコードの関数作成でテンプレートをincludeする際に利用するob_start関数、ob_get_contents関数を紹介。

WordPressのカテゴリの編集の解説

WordPressのカテゴリって何?というところから説明し、カテゴリを登録、編集する方法を解説します。また、カテゴリの順番を自由に変える方法も解説します。

WordPressのユーザ名を後から変更する方法。adminの使用は危険。

運用中のユーザ名を変更する方法を解説。かつてのデフォルト設定だった「admin」は誰もが使うIDのため非常に危険です。今からでも変更しましょう。

WordPressにプラグインを使わず OGP(Open Graph Protocol)の設定方法解説

WordPressに OGP(Open Graph Protocol)をプラグインを使わずに設定する方法の解説。

DuplicatorでWordPressを簡単引越し!インストーラー付のバックアップにも

WordPressの引越しや開発環境から本番環境への移行など他の環境に移す作業を簡単にしてくれるプラグインの紹介。インストーラー付のバックアップツールとしても使る。

WordPressで ¥円マークが \ バックスラッシュになる原因と対処方法

円マークがバックスラッシュに変換される。その原因と対処方法を解説します。原因はCSSでのフォント指定に欧文フォントも含まれるため欧文フォントで表示されること。

30分でWordPressを引越し・他のサーバに引越しや開発環境の構築手順

WordPressを他のサーバに引っ越しするとき、テスト環境を作るときなどの作業手順をまとめました。プラグインを使う方法もありますが手作業でも簡単です。

SyntaxHighlighterの設定、カスタマイズ方法を解説。Crayonから乗換え、高速化にも最適

SyntaxHighlighter 3の設置方法、各機能の設定方法、オプション、デフォルト設定の変更方法を解説。Crayonから乗り替えるならこれしかない。

WordPressのサイドバー(サイドナビ)はウィジェットで編集

サイドバー(サイドナビ)を編集するウィジェットの利用方法の解説です。カテゴリ一覧、アーカイブ、リンク集などを設定する方法を解説しています。

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

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