WordPress パフォーマンス テスト: なぜ、どのように、どのツールを使用するのか
WordPress のパフォーマンスに関する 1 つのガイドとして書かれた記事が大量にあり、当面のテーマに特化したコンテンツが大量にあります。しかし、測定に使用するツールはどうでしょうか?
私たちが使用するオンライン ツールやソフトウェア ツールは方程式の大きな部分を占めています。間違ったツールや不適切な結果は、道を誤る可能性があります。今日はまったく逆のことを行います。ベンチマークをベンチマークし、必要に応じてサイトを分析する際に、何が良いのか、何が許容され、何が絶対に避けるべきなのかについて、より良いアイデアを見つけられるかどうかを確認します。スピードのために。
今夜の主役はGTMetrix、KeyCDN Speed Test、Pingdom Tools、Google Pagespeed Insights、Webpagetest、Monitis Speed Tools になります。それぞれの長所と短所について説明し、結果をご紹介します。
テクノオタク向け
この記事では、最適なパフォーマンスに適していると確信できるウェブサイトとサービスを使用します。このサイトは、大量の記事を備えた、高度に最適化されたデジタル ゲーム雑誌になります。サイトは縮小 CSS、静的 HTML キャッシュ、縮小 JS、CDN を使用しており、HTTP/2 で実行されています。サーバー側では、Xeon プロセッサ、24 スレッド、24 GB の RAM、ギガビット接続で実行されており、ノースカロライナ州のデータセンターでホストされています。サーバーのリクエスト量は最小限であり、プロセッサの使用率は非常に低いです。使用率は 12 コアと 24 スレッドの合計数で 0.5 をはるかに超えており、nginx はキャッシュでロードされ、PHP 7.1 RC で実行されています。
WordPress パフォーマンスツールのテスト
テクノロジーの話が意味するのは、それが信頼できるデータセンター内でホストされ、最適なウェブサーバーとウェブサイトを実行している強力なサーバーであるということです。この記事はベンチマークのベンチマークに関するものであることに注意してください。その目的のために、オリジンに最も近いサーバーを選択します。ニューヨークとダラスは、望ましくないためです。ネットワーク速度だけでなくベンチマーク精度も考慮します。すべてのオンライン ツールを使用して、ダラス/ニューヨークを選択できました。ただし、webpagetest はニューヨークで常にキャパシティを超えて実行されており、テストのためにカリフォルニア EC2 に行く必要がありました。
各ツールに従ってロード時間を測定し、それらの最終的な比較表を提供します。この記事の目的は、テストのバリエーションを確認し、どれが最適であるかを判断することです。最も正確で、高速で、使いやすく、推奨に値します。この記事の目的は、Google のような大企業が提供したテストであっても、まったく役に立たない理由を説明することでもあります。
各サービスでテストを 3 回実行します。さっそく、彼らがテストにどのように反応するかを見てみましょう。
テスト 1: GTMetrix
GTMetrix は、非常によく練られたインターフェイスを備えた優れたベンチマーク ツールで、読み込み時間を確認できるだけでなく、Google Pagespeed スコアや Yahoo の YSlow の詳細も取得できます。ベンチマークが完了すると、GTMetrix が修正が必要と判断した項目のリストも表示されます。
GTMetrix は開始点としてカナダのサーバーを使用する傾向があることに注意することが重要ですが、これは私たちが望んでいることではないため、GTMetrix に登録することをお勧めします。登録時に、テスト URL、ブラウザ、接続の種類を変更できます。
最初の実行では、Google Pagespeed と Yslow の両方で B と B のスコアが得られました。これは問題ではありません。 Pagespeed Insights で後述するように、私たちはあまりにも気にしすぎています。実際にロードにかかった時間は、最初の実行で 3.3 秒、2 回目の実行で 4.0 秒、最後の実行で 1.1 秒でした。 変動はかなり大きく、実際には 2.9 秒です。それに加えて、テストの実施時に独自のサーバーの負荷を監視しており、負荷が 0.5 をはるかに下回っていることが確認されました。これは明らかに示しています。この変動はサーバー側からではなく、厳密に GTMetrix とネットワークから来ています。
GTMetrix は、ロード時間、期間において一貫した結果を提供しません。
これは問題です。GTMetrix が信頼できるツールであるためには、より正確なスコアを提供する必要があります。他のツールを使用するとはるかに良い結果が得られることがわかります。 GTMetrix は、Web サイトの表示を開始するまでにかかる部分的な時間ではなく、完全な読み込み時間を測定します。私たちのサイトは画像の遅延読み込みを使用しているため、Web サイトを開いたときにユーザーが期待する内容を正確に表現したものではありません。さらに、4 秒から 1.1 秒までの大きな変動は、何が起こっているのかを適切に識別できないことを意味します。
私たちのせいではないことを確認したかったので、別のテストを実行したところ、3.7 秒、1.2 秒、5 秒という結果が得られましたが、依然として非常に混乱しています。 GTMetrix は潜在的な最適化を特定するための優れた代替手段として残りますが、実際の読み込み時間は信頼すべきではありません。
テスト 2: KeyCDN 速度テスト
KeyCDN Speed Test は、アセットの読み込みと Web サイトの完了にかかった合計時間を表示するシンプルなツールです。私たちはダラスをソースサーバーとして選択し、試してみました。
これは、アセットのロードと各パーツのロードにかかる時間を表しています。
結果から、かかった合計時間は 2.4 秒、3.1 秒、2.8 秒で、最悪スコアと最高スコアの間の変動は 0.7 秒である 2.4 秒から 3.1 秒の範囲内に収まっていることがわかります。すぐにでも、このテストは実際の読み込み時間に関して GTMetrix よりも信頼性が高く、サイトを迅速にテストするための優れたツールです。 GTMetrix がサイトを最適化するために備えているすべてのツールが含まれているわけではありませんが、経験豊富なユーザーにとっては、テストがより高速で正確であるため、より優れたツールとなります。とてもシンプルで使えそうなツールです。
テスト 3: Pingdom ツール
Pingdom Tools は最もよく知られたベンチマーク ツールの 1 つであり、その理由はすぐにわかります。テストして何が起こるか見てみましょう。
最初の実行の合計ロード時間は 2.22 秒、2 回目の実行では 1.86 秒、3 回目の実行では 1.85 秒でした。テストをほぼ再現してほぼ同一の結果が得られると、このテストがいかに正確であるかがよくわかります。2.22 秒から 1.86 秒までの変動は 1 秒未満、つまり 0.37 秒の変動です。ベンチマーク ツールは、改善すべき点に関する優れた情報や、非常に詳細なアセットのログなど、役立つ情報も提供します。各アセットのロード時間を監視し、他のテストでは利用できない FTTB (First time to byte) をチェックすることもできます。
テスト 4: Google Pagespeed Insights
Pagespeed Insights は速度を最適化するための Google ツールです。3 回実行した結果、この結果が得られました。
つまり、ロード時間はありませんか?、初めてのバイト情報はありませんか?、アセットのロード ツリーはありませんか?そしてスコアはどうですか？ Google の実際の新しいモバイル テスト ツールでグリーン ステータスが表示されるのに、どうして私たちのサイトがモバイルにとってひどく悪い状態にあるのでしょうか。
これは、Google の新しいモバイル テスト ツールの結果です。彼らは「アセットの読み込みエラーが発生しました」と言う神経質さえ持っていますが、どうなるのでしょうか?このエラーは Google Analytics ライブラリから発生しています。
つまり、言い換えれば。 Google Pagespeed Insights は速度に関する結果をまったく提供せず、代わりに改善すべき点のリストを表示し、その上でモバイル用の独自のツールとさえ矛盾する、どうやってそうなったのか見当もつかないスコアを表示します。テスト。
説明は簡単です。 Google Pagespeed Insight はまったく役に立ちません。スローされるスコアは、サイトの実際の速度に基づくものではなく、「最適化する必要があると Google が判断したもの」に基づいて構築されます。
私たちのアドバイスは、速度に関連するものには決して Google Pagespeed を使用しないことです。同じ会社の他のツールと矛盾するツールを最適化することは、夜間、目も見えず、風が強い中で、空に飛んでいるボールを撃とうとしているようなものです。
テスト 5: WebPageTest
Webpagetest も、GTMetrix に似た便利なツールです。
webpagetest で最初に気づいたのは、ニューヨークのサーバーが実際にキャパシティを超えているということです。列に並んで 40 分待った後、サーバーを California EC2 に変更する必要がありました。結果からわかるように、私たちは感銘を受けませんでした。
最初の実行は 8.7 秒で完了し、2 回目の実行は 7.0 秒、3 回目の実行は 8.0 秒で完了します。これは 1 秒の変動であり、KeyCDN スピード テストの変動 0.7 秒と 3 倍の待ち時間よりも長くなります。アセットの読み込みは非常に混乱しており、初回バイト スコアが非常に高い場合もあれば、より良いスコアを示す場合もあります。 Pingdom Tools では、初回バイトが 0.6 秒未満であると報告されていますが、webpagetest では、待ち時間がほぼ 1 秒に達していると報告されています。スコアも怪しいですね。最初のスコアでは、「初めてバイトするのは最悪」のように F がスローされます。これは、WPEngine サーバーに対してベンチマークが行われ、隅から隅まで実行されたサーバーを使用したものです。 2 番目のテストでは、「あなたは本当に素晴らしい」ということで「A」の評価が得られましたが、3 番目のテストでは、確かに私たちが最悪であることが確認されました。
webpagetest が抱えていると思われる主な問題は、使用しているサーバーが混雑していることです。
一貫した結果を重視する場合は、webpagetest を使用しないでください。その評定文字は、控えめに言っても混沌としており、実際のパフォーマンスの数値を表しているようには見えません。実際、私たちは、Webpagetest が非常に混雑したネットワークを介して実行されていると信じる傾向があります。テストに遅延が追加されます。
テスト 6: Monitis スピード ツール
Monitis は、各資産からの詳細な応答時間を備えた、Pingdom Tools に似た別のベンチマーク ツールです。
Monitis の問題は 2 つあります。一方で、サイトの表示にかかる実際の時間ではなく、合計読み込み時間を表示します。これは、遅延読み込みへの影響を打ち消すことを意味します。 2 番目の問題は、 非常に長い間結果がキャッシュされるため、再テストが不可能になることです。
Monitis は正確なテストではないようです。数時間の間隔をあけてさらに 2 つのテストを実行しました。2 番目のテストでは 12 秒、3 番目のテストでは 7 秒かかりました。この種のバリエーションでは GTMetrix にさえ匹敵しません。
結果
そこで、すべてのベンチマーク ツールの結果を 1 つの素晴らしいグラフでまとめた完全なリストを以下に示します。
この結果は、タイミング部門で誰が勝者であるかをほぼ示しています。ただし、グラフをもう 1 つ作成すると、さらにわかりやすくなると思います。
すべてのベンチマーク ツールで最高値と最低値の時間差を測定すると、比較はさらにグロテスクになります。 Pingdom Tools は、精度の点で他のすべてのものと同様に、0.37 秒未満の変動を与えることで床を拭きます。唯一それに近いのは、0.7 秒の KeyCDN スピード テストです。 Webpagetest には 1.7 秒の変動があり、GTMetrix と Monitis は実行間の変動がほぼ 3 秒で方程式から大きく外れています。
そして勝者は…
Pingdomツール！パフォーマンスを重視する場合、これほど正確で迅速な結果が得られるテストは他にありません。これは、すべてのテストの中でより信頼できるというだけでなく、実行間の速度が最も速いです。 GTMetrix が 1 回実行されるまでに、Pingdom Tools を 4 回実行できるようになります。 GTMetrix または webpagetest の完了に非常に時間がかかる場合、両方のテストで実際の読み込み時間を評価する問題が非常に多く発生するのはなぜですか?
Pingdom ツールが何を言っているかを確認するためにのみ、ウェブサイトに数百回接続してローカル Linux テストを行うことができます。さらにテストを行う必要がある場合は、KeyCDN Speed Test を使用できます。これは非常に優れておりまともですが、他のすべてのツールはパフォーマンス ツールよりも設計/修正指向です。良い結果を重視する場合は、Pingdom Tools を使用するのが最も安全な選択肢のようです。
他にお勧めの WordPress パフォーマンス テスト ツールはありますか?以下でシェアしてください！それとも、私たちが実行したテストについて質問がありますか?お気軽にご質問ください。素晴らしい答えが得られるよう最善を尽くします。