私のウェブサイトはどれくらい速いですか? 簡単に調べられるのはこちら

大量のトラフィックが常に高いコンバージョン率につながるとは限りません。 直帰率が高い場合、または販売に苦労している場合は、読み込み時間が遅いことが原因である可能性があります. したがって、自分の Web サイトの速度はどのくらいなのか、サイトの速度をテストするにはどうすればよいのか、疑問に思われるかもしれません。

幸いなことに、サイトのパフォーマンスを測定するために使用できるさまざまなツールがあります。 それらのほとんどは、読み込み時間を改善するための提案を含む詳細なレポートを提供します。 これらのツールの使い方を習得すれば、それに応じてサイトを最適化し、訪問者をページに長く留めておくことができるようになります。

この投稿では、速度テストを実行する際に考慮すべきいくつかの要因について説明します。 次に、PageSpeed Insights を使用してサイトのパフォーマンスをテストする方法を紹介します。 また、結果を解釈してサイトを高速化する方法についても説明します。

始めましょう！

サイト速度テストを実行する際の考慮事項

WebPageTest、Pingdom、GTmetrix、PageSpeed Insights など、多くの速度テスト ツールを使用してサイトのパフォーマンスを測定できます。 結果は、プラットフォームごとに異なる場合があります。 ただし、さまざまなツールを使用してサイトを実行すると、スコアとページの読み込み時間はほぼ同じになります。

さらに、同じツールを使用して速度テストを数回実行すると、サイトに変更を加えていなくても、毎回わずかに異なる結果が得られる場合があります. たとえば、最初にテストを実行したときにパフォーマンス スコアが 47 (100 点中) で、2 回目の試行でスコアが 50 になる場合があります。

これらのスコアは、Web サイトのパフォーマンスの一般的な指標となるため、変動する可能性があります。 ただし、通常、全体的な読み込み時間と、画像の読み込みなどの主要なプロセスの速度を示す個々の指標も表示されます。 これらのメトリックについては、後で詳しく説明します。

ポイントは、さまざまなツールを使用していくつかの速度テストを実行し、結果を比較することは賢明な考えであるということです. このようにして、Web サイトの速度をより明確に示すことができます。

️ サイトのコンテンツ以外の要因が結果に影響を与える可能性があることに注意してください。 これらには、テストの場所とインターネット接続が含まれます。 たとえば、ツールがサイトのプライマリ サーバーとは別の大陸にあるサーバーを使用してテストを実行する場合、コンテンツの読み込みに時間がかかる場合があります。

さらに、Web ホストのサーバーがサイトの速度に影響を与える可能性があります。 共有ホスティング プランを使用している場合、サーバー リソースが限られていることとトラフィックが多いことにより、読み込み時間が遅くなる可能性があります。 このシナリオでは、より強力なホスティング プランまたはより信頼性の高いホストにアップグレードすることを検討してください。

サイト速度テストの実施方法 (2 ステップ)

前述したように、いくつかのツールを使用して、Web サイトの速度を確認できます。 このチュートリアルでは、Google の PageSpeed Insights を使用します。

この包括的なツールは、サイトのパフォーマンスを主要な指標に分解します。 これらの基準は、Google の Core Web Vitals を構成し、検索エンジンの結果ページ (SERP) でのサイトのランキングに不可欠です。

Core Web Vitals スコアが低い場合は、読み込み時間が遅いことを示しています。 この遅延は、サイトのユーザー エクスペリエンス (UX) とコンバージョンに悪影響を与える可能性があります。 訪問者が Web サイトですぐにアクションを完了できない場合、不満を感じて離れてしまう可能性があります。

したがって、ウェブサイトの速度を確認し、サイトの速度を改善するための Google の推奨事項に従うことが不可欠です。 PageSpeed Insights で速度テストを実施し、結果を分析する方法を見てみましょう!

• ステップ 1: URL を入力してください
• ステップ 2: 結果を分析する

ステップ 1: URL を入力してください

PageSpeed Insights で速度テストを実行するのは簡単なプロセスです。 Web ページの URL を入力し、[分析] をクリックするだけです。

その後、ツールは結果を生成します。 通常、このプロセスには数秒しかかかりません。

上記の例でわかるように、モバイル デバイスとデスクトップ デバイスの両方のパフォーマンス データを受け取ります。 Core Web Vitals アセスメントに不合格または合格した場合も、このツールによって通知されます。

サイトに十分なデータがある場合、PageSpeed Insights は過去 28 日間の実際のユーザー データを使用して、Chrome ユーザー エクスペリエンス レポートに基づいてスコアを計算します。

その下にある PageSpeed Insights には、シミュレートされたテストからのデータも表示されます。これは、トラフィックに関係なく、すべての Web サイトで利用できます。

ステップ 2: 結果を分析する

PageSpeed Insights は、ウェブサイトの読み込み速度とほぼ相関する全体的なパフォーマンス スコアを提供します。 このスコアは一見すると便利ですが、以下の実際の読み込み時間を確認することも重要です.

人間の訪問者は、「スコア」よりも実際の読み込み時間を気にします。

各スコア範囲を詳しく見てみましょう。

• 0 ～ 49 (赤):サイトの読み込みが全体的に遅い。
• 50 ～ 89 (オレンジ):このスコアは平均読み込み時間を示します。
• 90 から 100 (緑):サイトは高速です。

PageSpeed Insights は、サイトのパフォーマンスを 6 つの主要な指標で測定します。 理想的には、各エリアでグリーン スコアを目指すことをお勧めします。

各指標の意味を見てみましょう。

• First Contentful Paint (FCP):ブラウザーがページの最初のコンテンツをレンダリングするのにかかる時間 (秒単位)。
• 速度指数:ページの読み込み中にコンテンツが表示される速さ (秒単位)。
• Largest Contentful Paint (LCP) :ページが画面上で最大の要素を読み込むのにかかる時間 (秒単位)。
• インタラクティブになるまでの時間 (TTI):ページが完全にインタラクティブになるまでにかかる時間 (秒単位)。
• 合計ブロック時間: FCP と TTI の間の合計時間 (秒単位)。
• Cumulative Layout Shift (CLS) :ページ読み込みプロセス中にユーザーが経験するレイアウト シフトの量。

サイトの読み込み時間を測定するには、LCP スコアに特に注意を払う必要があります。 理想的には、最大の要素が 2.5 秒以内に読み込まれるようにする必要があります。これは、そのベンチマークが「高速」な Web サイトであることを示しているためです。 さらに、Google の調査によると、サイトの読み込みに 3 秒かかると、直帰率が最大 32% 増加することが示されています[1] 。

一方、LCP スコアが 4 秒 (赤いスコア) よりも高い場合は、ページ全体の読み込みに数秒かかる可能性があります。

貧弱な LCP は、圧縮する必要がある画像や動画がページに含まれているか、一般的に Web ホスティングが遅くなる可能性があることを示しています。 これらの要素を最適化することで、サイトの読み込みを短時間で行うことができます。

赤色の CLS スコアは、ページの読み込み中に複数の要素が動き回っていることを示しています。 この動きは、UX の低下につながり、訪問者を混乱させる可能性があります。

モバイル デバイスとデスクトップ デバイスの両方で結果を表示することを忘れないでください。 サイトのパフォーマンスが低い領域を特定したら、コンテンツの改善と読み込み時間の短縮を開始できます。

これらの結果に関するいくつかの注意事項:

• デフォルトでは、PageSpeed Insights は、あなたの物理的な場所からサイトをテストします。 ターゲット ユーザーと物理的に異なる地域にいる場合、ロード時間が不自然に遅くなる可能性があります。 このような場合は、場所を選択できる別のツール (WebPageTest など) を使用するか、VPN を使用して場所を変更できます。
• サイトのトラフィックが多くない場合、First Input Delay Core Web Vitals メトリックを表示できない場合があります。このメトリックは、Chrome ユーザー エクスペリエンス レポート (CrUX ）。

ウェブサイトを高速化する方法

PageSpeed Insights の最も優れた点の 1 つは、Core Web Vitals スコアを改善するための提案を提供することです。

たとえば、リソースがコンテンツをブロックしている場合、PageSpeed Insights はそれらを排除するのに役立つツールを推奨します。

一方、サイトの速度を低下させる大きな画像ファイルがある場合、このツールはそれらを特定し、サイズを小さくする方法についていくつかの推奨事項を提示するのに役立ちます。

結果ページで適切なタブを選択すると、各メトリックの監査と提案を表示できます。

次に、[診断] または [機会] セクションで問題をクリックして、解決方法を確認できます。

たとえば、未使用の JavaScript コードがサイトの速度を低下させている場合、PageSpeed Insights はこれらのスクリプトを含むプラグインを削除することを提案します。 幸いなことに、ツールはスクリプトの URL を強調表示するため、対応するプラグインをより簡単に識別できます。

前述したように、ウェブ ホストのサーバーもサイトの速度に大きな影響を与える可能性があります。 この場合は、[機会] セクションにリストされている [サーバーの初期応答時間を短縮する] が表示されます。

最適化ツールを使用していてもサイトがまだ遅い場合は、より高速なホスティング プランに切り替える時期かもしれません。 いくつかのオプションを見つけるには、データに裏付けられた最速の WordPress ホストのコレクションを参照できます。

一般的に言えば、PageSpeed Insights による提案に従うと、サイトの実行速度が向上します。 さらに、WordPress Web サイトをお持ちの場合は、ページの読み込み時間を改善するために使用できる最適化手法が他にもいくつかあります。

サイトを最適化したら、PageSpeed Insights で別の速度テストを実行し、結果を比較できます。 大きな画像の圧縮や不要なプラグインの削除など、Web サイトに大幅な変更を加えた場合、Core Web Vitals スコアの改善に気付くはずです。

結論

この Google スピード テスト ツールは、実際のユーザー データ (利用可能な場合) とシミュレートされたテストを使用して、モバイル デバイスとデスクトップ デバイスでのサイトのパフォーマンスの概要を示します。 スコアは、Largest Contentful Paint や Time to Interactive など、主要な Core Web Vitals 指標全体で計算されます。 サイトの現在のパフォーマンスを把握したら、コンテンツを最適化し、ページを高速化するための Google の提案を表示できます。

Web サイトの速度テストの実施について質問がありますか? 以下のコメントセクションでお知らせください！