Google PageSpeed Insights と Lighthouse の比較: サイトのパフォーマンスを最もよく測定するのはどちらですか?

ページ速度とは何ですか?

ページ速度は、ブラウザーがページへのアクセス要求を送信してから、ページがコンテンツをレンダリングするまでの時間です。 ページは、さまざまな読み込み時間とユーザーの目的を持つ、多くの可視および不可視のコンポーネント (画像、テキスト、トラッカー、プラグインなど) で構成されています。 Google はページ速度を、最初のコンテンツ ペイントやインタラクティブになるまでの時間など、ロード マイルストーンを測定する特定の指標に分類します。

サイトの成長、テクノロジーの変化、Web 標準の進化に伴い、ページの速度は変動します。 訪問者がサイトをどのように使用するか、さらにはコンバージョンに至るかどうかに影響を与える可能性があります。 したがって、ページ速度の追跡は、定期的なサイトの状態監視プロセスの基本的な部分である必要があります.

しかし、最高のページ速度追跡ツールは何ですか?

Google では、Google PageSpeed Insights と Lighthouse の 2 つの公式オプションを提供しています。 どちらも無料で強力なツールで、デジタル マーケターや開発者がウェブサイトのページ速度を最適化できるように設計されていますが、いくつかの重要な違いがあります。 PageSpeed Insights と Lighthouse を比較し、ページ速度の追跡と改善について知っておくべきことについて説明します。

Google PageSpeed Insights とは?

Google PageSpeed Insights (PSI) は、実際のデータと実験データの両方を使用して、デスクトップとモバイル デバイスのページ速度の指標を測定する無料のツールです。 実際のデータ (「フィールド データ」とも呼ばれる) は、Chrome ユーザー エクスペリエンス レポートから取得された 28 日間の集計であり、ラボ データは Lighthouse API を使用して計算されます。

PSI は誰でも簡単に使用できます。https://pagespeed.web.dev/ にアクセスし、URL をプラグインして、API がレポートを生成するまでしばらく待ちます。 URL が Google の Core Web Vitals とどのように一致しているかを確認し、詳細な速度指標を評価し、全体的な Web サイトのパフォーマンス評価を受け取ることができます.

パフォーマンス評価は、 各速度メトリック スコアの加重平均。 これは総合評価のようなものですが、すべてを測定するものではありません。 以下の括弧内のパーセンテージは、パフォーマンス評価を計算する際に各指標に与えられる重みを示しています。

• First Contentful Paint: (10%) 最初の画像またはテキスト ブロックが完全に読み込まれるまでにかかる時間。
• 速度指数: (10%) 画面が完了するまでに表示されるコンテンツの読み込みにかかる平均時間。
• 最大のコンテンツ ペイント: (25%) 最大の画像またはテキスト ブロックが完全に読み込まれるまでにかかる時間。
• インタラクティブになるまでの時間: (10%) ページが完全にインタラクティブになるまでにかかる時間。
• 合計ブロック時間: (30%) ページがユーザー入力からブロックされている間の最初のコンテンツ ペイントとインタラクティブになるまでの時間の差。 (つまり、何かが最初に画面に表示されてから、ユーザーが実際にクリックできるようになるまでの時間差です。)
• Cumulative Layout Shift: (15%) 予想外のレイアウト シフトの尺度。つまり、コンテンツが順不同でロードされ、他のコンテンツが再編成されたり、ページの上下に移動したりします。

Web サイトのパフォーマンス評価が完全でなくても、指標の一部が低くても心配する必要はありません。 速度指標は、制御できないいくつかの要因によって変動する可能性があります。 これらの指標はデータの集計であり、実際のエクスペリエンスはユーザーごとに異なることに注意してください。

とはいえ、レポートの下部にある [機会と診断] セクションに注目することで、パフォーマンス評価を最大化し、ページ速度を向上させることができます。 これらのセクションには、速度指標を改善できる特定のアクションに関する推奨事項が含まれていますが、実装には SEO Web 開発者の支援が必要になる場合があります。

Google ライトハウスとは

Google Lighthouse は、サイト監査を実行してさまざまな指標を測定できる無料のオープンソース ツールです。 Lighthouse は、ページ速度の評価に加えて、サイトが最新の Web 開発標準にどの程度適合しているか、サイトのアクセシビリティのレベル、クロール可能性などを評価できます。

Lighthouse は、ラボ データのみを使用します。つまり、監査は、実際のユーザー データから収集されるのではなく、管理された事前定義された環境で実行されます。

Google Lighthouse スピード テストにアクセスするには、いくつかの方法があります。 開発者以外が Lighthouse を使用する最も簡単な方法は、Chrome ブラウザー拡張機能を使用することですが、拡張機能は Cookie 認証を使用してページを単独で監査することはできません。 開発者は Chrome DevTools を使用して完全にアクセスできます。

Lighthouse レポートには、次の情報が含まれます。

• パフォーマンス:パフォーマンス監査は、PSI と同じすべての速度指標を測定し、さらに詳細な開​​発データを提供します。
• ベスト プラクティス:ベスト プラクティス監査では、セキュリティ標準を含む最新の開発標準と比較して、サイトの全体的な「コードの健全性」を調べます。
• アクセシビリティ: Web アクセシビリティを 1 つのスコアに要約することは不可能であるため、アクセシビリティ監査では、デザイン、ユーザー インターフェイス、言語、開発、およびその他の領域を改善するためのさまざまな機会を探します。
• SEO:検索エンジン最適化 (SEO) 監査は、検索エンジンがページを簡単にクロールできるかどうかを確認するための基本的なテストを提供します。
• プログレッシブ Web アプリ:サイトがプログレッシブ Web アプリの場合、この監査は、その一般的な速度、信頼性、およびインストール可能性を測定します。

Lighthouse スタック パックとは何ですか?

スタック パックは、Lighthouse の最新機能の 1 つです。 スタック パックを使用すると、開発者は、ページが使用するスタックに応じて、スタック ベースの推奨事項を表示できます。 これらの推奨事項は、Lighthouse が提供する標準の一般的な推奨事項よりも関連性が高く、すべてのツールやプラットフォームと互換性があるわけではありません。 新しい Stack Pack は頻繁にリリースされるため、公式の Github リポジトリにアクセスして詳細を確認してください。

Google PageSpeed Insights と Lighthouse の比較

Google PageSpeed Insightsは、実際のユーザー データとラボ データを組み合わせて、ページの速度に関する詳細でわかりやすい概要を提供します。 Lighthouseは開発者に焦点を当てており、ページの読み込み速度から Web セキュリティまですべてをカバーする監査からラボ データを収集します。 どちらも改善の推奨事項を提供します。

Google PageSpeed Insights と Lighthouse の比較: 概要

Google PageSpeed Insights を使用する場合

URL の速度と具体的な改善の推奨事項を明確に理解し、自分で実装するか、開発者に伝える場合は、PSI を使用してください。

Google Lighthouse を使用する場合

あなたが開発者 (または、ある程度の開発知識を持つ非開発者) であり、ページ速度を超えたさまざまなサイト指標を深く掘り下げたい場合は、Lighthouse を使用してください。 スタック パックは、Lighthouse が提供する標準的な推奨事項よりもカスタマイズされた推奨事項を提供するのに役立ちます。

最高のデータが必要ですか? PageSpeed Insights と Lighthouse の両方を使用する

PSI と Lighthouse にはそれぞれ長所と短所がありますが、サイトの全体像を構築するために一緒に使用すると最も効果的です。

Lighthouse はより広範なデータ ビューを提供しますが、PageSpeed Insights は、実際のユーザーに対して Web ページがどのように機能するかをより現実的に垣間見ることができます。 両方を使用して、サイトのフロントエンドとバックエンドを改善するための推奨事項を取得します。 自由に使えるデータが多ければ多いほど、サイトの調整はより効果的になります。

無料の電子ブックで Google ツールを最大限に活用する

この記事から 1 つ理解できることは、ページ速度が重要であり、見た目よりもはるかに複雑であることです。 サイトの速度を向上させる方法が 1 つだけではないように、サイトの検索エンジンのパフォーマンスを向上させる方法も、データを追跡するための最適な Google ツールも 1 つだけではありません。

サイトを最適化するには、大量のデータを処理し、複雑なツールを操作する必要があります。 複雑さを軽減するには、無料の電子ブックGoogle Tools for SEOをダウンロードしてください。

SEOのためのGoogleツールのガイド

このガイドをダウンロードして、SEO プロセスとパフォーマンスを改善するために Google が提供する無料の強力なツールを最大限に活用する方法を学びましょう。