この記事はAhrefs公式ブログの日本語訳です。
原文：Google PageSpeed Insights For SEOs & Developers
（著者：Patrick Stox/ 原文の最終更新日：June 22, 2023）
※フルスピード註：この記事は2023年6月23日時点の記載をもとに翻訳しています。Ahrefs公式ブログの記事は今後追記・再公開されることがありますことをご了承ください。
PageSpeed Insights (PSI) は、デスクトップおよびモバイル デバイスでのページのパフォーマンスを分析し、速度とユーザー エクスペリエンスを向上させるための提案を提供する Google の無料ツールです。
PageSpeed Insights は、Web ページの HTML、CSS、フォント、JavaScript を分析することで機能し、ページのパフォーマンスを最適化するための提案を提供します。これには、画像の圧縮、コードの縮小、ページによって行われる HTTP リクエストの数の削減などが含まれます。
PageSpeed Insights をさらに詳しく見てみましょう。
Google PageSpeed Insights の使用方法
まず、PageSpeed Insightsに移動します。 URLを入力して「分析」をクリックします。
デスクトップ分析とモバイル分析を切り替えるオプションがあります。通常、モバイルのスコアはデスクトップのスコアよりも悪くなります。モバイル データによって、解決すべきさらに多くの問題が明らかになる可能性があるため、それを検討することをお勧めします。
フィールドデータ
次のセクションには、Web サイトの実際のユーザーからのデータが含まれています。 PageSpeed Insights は、データの共有をオプトインした Chrome ユーザーのデータを含む Chrome ユーザー エクスペリエンス レポート (CrUX)からこれを取得しています。
上部には、ページとオリジン (ドメインと同様) レベルのデータを切り替えるためのタブがあり、多くのページのデータが集約されます。すべてのページのデータ、または元のデータさえない可能性があります。それは、Web サイトにアクセスしてこの情報の共有をオプトインする人の数によって異なります。
2023 年 4 月の時点で、CrUX データセットには約 2,950 万のオリジンがあります。
次のセクションでは、合否評価を含むCore Web Vitals (CWV)について説明します。主なメトリクスは、最大コンテンツフル ペイント (LCP)、最初の入力遅延 (FID)、および累積レイアウト シフト (CLS) です。これらの CWV 指標は、Google がランキングで使用する指標です。
数値は色分けされており、緑 = 良好、オレンジ = 改善が必要、赤 = 不良であることがわかります。全体として、ユーザー エクスペリエンスの 75% が、「良好」とみなされるためには、特定の指標に設定されたしきい値を満たす必要があります。しきい値は次のとおりです。
| メトリック | 良好 | 改善が必要 | 不良 |
|---|---|---|---|
| LCP | 2500ミリ秒 | 2500ミリ秒～4000ミリ秒 | > 4000ミリ秒 |
| FID | 100ミリ秒 | 100ミリ秒～300ミリ秒 | > 300ミリ秒 |
| CLS | 0.1 | 0.1～0.25 | > 0.25 |
「ビューを展開」をクリックすると、各指標の分布が表示されます。
CrUX データベースには、現在ランキングで使用されていない追加の指標があります。これらには、First Contentful Paint (FCP)、Interaction to Next Paint (INP)、および Time to First Byte (TTFB) が含まれます。 INP は、2024 年 3 月に FID を CWV 指標として置き換える予定です。
数値は色分けされており、緑 = 良好、オレンジ = 改善が必要、赤 = 不良であることがわかります。 「良好」とみなされるには、ユーザー エクスペリエンスの 75% が、特定の指標に設定されたしきい値を満たす必要があります。しきい値は次のとおりです。
| メトリック | 良好 | 改善が必要 | 不良 |
|---|---|---|---|
| FCP | 1800ミリ秒 | 1800ミリ秒～3000ミリ秒 | > 3000ミリ秒 |
| INP | 200ミリ秒 | 200ミリ秒～500ミリ秒 | > 500ミリ秒 |
| TTFB | 800ミリ秒 | 800ミリ秒～1800ミリ秒 | > 1800ミリ秒 |
「ビューを展開」をクリックすると、各指標の分布が表示されます。
最後のセクションでは、このデータの出所について少し説明します。データは実際のユーザー エクスペリエンスに基づいたもので、28 日間の移動平均です。
実験室データ
Lighthouse は、Web ページのパフォーマンスと品質を測定するためのオープンソース ツールです。独自のブラウザで実行できます。ただし、PageSpeed Insights の場合は、Google のサーバー上で実行されます。
パフォーマンス、アクセシビリティ、ベスト プラクティス、SEO に関するいくつかの数値が表示されます。これらはすべてベスト プラクティスを確認するだけであり、各領域でどれだけうまくやっているのかを示すものではありません。
繰り返しになりますが、指標は色分けされているため、何が良いのか、何が取り組む必要があるのかがすぐにわかります。
この記事では、SEO がこのツールを使用する目的である「パフォーマンス」セクションに焦点を当てます。まず、パフォーマンス スコアとページのスクリーンショットがあります。
0 ～ 100 の間でスコアが付けられます。現在のスコアのしきい値は次のとおりです。
- 良好: スコア 90 ～ 100
- 改善が必要: スコア 50 ～ 89
- 不良: スコア 0 ～ 49
前述したように、スコアは高くても、ページが遅くて CWV に合格しない場合があります。ネットワークの状態、サーバーの負荷、キャッシュ、ユーザーのデバイスなどの他の要因もページの読み込み時間に影響します。
テストされたページの 2% のみが 100 のスコアを獲得します。スコアが 50 であれば、テストされたページの上位 25% に入ります。
スコアと指標はテストを実行するたびに変化する可能性があります。これは、ネットワークの状態、負荷、またはページ読み込みプロセスで異なる決定を下すブラウザーが原因で発生する可能性があります。 3 ～ 5 つのテストを実行し、結果を平均することをお勧めします。
スコアは計算に基づいており、いくつかの指標の重み付けが含まれます。重みはモバイルとデスクトップの間で変化します。これらはモバイルの現在のスコアですが、最新情報については計算ツールを確認してください。
別のメトリクス セクションがあり、今回はラボ テストのメトリクスです。ここでは LCP と CLS が見つかりますが、CWV からの FID または INP メトリクスは見つかりません。これらはページをクリックする必要があり、ラボテストでは再現できません。代わりに、総ブロック時間 (TBT) を代替指標として使用して、改善に取り組むことができます。
また、「ビューを展開」ボタンをクリックして、メトリクスの定義と詳細へのリンクを含む展開ビューを表示することもできます。
最後のセクションでは、このデータの出所について少し説明します。
この情報にマウスを移動すると、テスト条件に関するさらに詳しい情報が表示されます。 PageSpeed Insights は従来、テスト デバイスとして Moto G4 を長年使用してきましたが、現在は Moto G Power になっているようです。北米、ヨーロッパ、アジアなどのテストの開催地に関するデータを取得することもできます。
ページが時間の経過とともにどのように読み込まれるかを視覚的に示すスナップショットがいくつかあります。
「ツリーマップの表示」をクリックすると、ページ内で最大のファイルと未使用のコードの量がわかります。
デフォルトでは、すべての指標に関連する問題が表示されます。特定のメトリクスに影響を及ぼし、改善が必要な問題をフィルタリングできるボタンがあります。
「機会」セクションと「診断」セクションには、ページのパフォーマンスに役立つ問題が表示されます。
それらが示す節約と改善の推定値は現実的ではありません。他のブロッカーが存在するため、問題を修正しても改善が見られない場合や、場合によってはまったく改善が見られない場合もあります。実際に改善を確認するには、複数の問題を修正する必要がある場合があります。
いずれかの要素をクリックして展開できます。それぞれの問題を解決する方法についてのガイダンスが表示されます。推奨事項は、テストされているシステムに基づいて変更される可能性があります。たとえば、WordPress ブログのページをテストしたところ、WordPress 固有のガイダンスが表示されました。
このヒントは、いくつかの問題を聞いたことのある用語に翻訳するのに役立ちます。たとえば、「オフスクリーン要素の遅延」の問題は、画像を遅延読み込みする必要があることを示しています。その後、WordPress で遅延読み込みを処理するプラグインを検索できます。
LCP イメージが何であるか、CLS を引き起こしている要素、およびメイン スレッドをブロックしている要素 (FID/INP を改善するために削減する必要があるもの) を示す追加情報があります。この情報は、これらの要素に対する修正の対象を絞るのに役立ちます。
合格した監査のセクションもあり、すでに良い仕事をしていることがわかります。これらはまだ改善できる可能性があります。しかし、他の問題に時間を費やしたほうがよいでしょう。
バルクデータ
PageSpeed Insights には優れた API があります。これにより、CrUX からフィールド データを取得し、Lighthouse テストからラボ データを取得できます。 PageSpeed Insights 経由でのみアクセスできるページレベルの CWV データを一括で取得することもできます。
問題は、データを一括でクエリして保存するスキルを誰もが持っているわけではないことです。しかし、Ahrefs のサイト監査を使用すると、それが簡単になります。クロール設定で CWV を設定する手順に従います。
クロールを実行すると、PageSpeed Insights からパフォーマンスレポートにデータが取り込まれ、問題のあるページを詳しく調べることができます。
また、以前のクロールのデータも表示され、長期にわたるパフォーマンスの監視に使用できます。さらに、影響を受けるページの分布を個々の指標ごとに確認できます。
ワークフロー
評価と監視については、上に示したように Ahrefs を使用して、問題のあるページと傾向を確認するだけでなく、Google Search Console (GSC)のCore Web Vitalsレポートも確認します。
GSC の利点は、類似した URL をバケット化することです。バケット化されたページでは、おそらく 1 つのシステムまたはテンプレートで作業することになります。問題を修正すると、そのバケット内のすべてのページの問題が修正されます。
どのページまたはテンプレートに取り組む必要があるかがわかったら、PageSpeed Insights のガイダンスを使用して改善を加えることができます。さまざまな問題を解決する方法については、LCP、FID、およびCLSに関するガイドを確認することをお勧めします。
改善を確認するには、PageSpeed Insights を使用するか、サイト監査で別のクロールを実行してデータを一括取得します。 CWV データは 28 日間の平均であるため、変更の影響を示すまでに時間がかかります。そのため、PSI または Ahrefs の PSI データを使用して、加えた変更によってラボ テストの測定基準が改善されたかどうかを確認してください。
ご質問がございましたら、Twitter でメッセージをお送りください。
著者プロフィール
Patrick Stox は、Ahrefs のプロダクト アドバイザー、テクニカル SEO、およびブランド アンバサダーです。彼は、2021 年の Web 年鑑の SEO の章の筆頭著者であり、2022 年の SEO の章の査読者でもありました。また、Ahrefs の『初心者のための SEO 本』の共著者であり、『The Art of SEO 第 4 版』のテクニカル レビューの編集者でもありました。彼は、Raleigh SEO Meetup (米国で最も成功した SEO Meetup)、Beer and SEO Meetup、Raleigh SEO Conference などのいくつかのグループの主催者であり、Technical SEO Slack グループを運営し、レディット/r/TechSEO のモデレーターでもあります。
コメント