ヘルプ インターネットサービスのメトリック Webページスピード（ブラウザー）

Webページスピード（ブラウザー）のパフォーマンスメトリック

Webページスピード（ブラウザー）の結果の解釈

Webページスピード（ブラウザー）を使用すると、実際のWebブラウザーを使用して、Webサイトコンポーネントのメトリック（ロード時間、応答時間、ステータス、コンポーネントサイズなど）を分割したダッシュボードを提供することで、Webサイトのパフォーマンスを推定できます。さらに、リソースのレンダリングに使用されているHTTPプロトコル（バージョン1.1または2.0）を把握する必要があります。メインダッシュボードにはカスタムステータスバナーがあり、設定されたさまざまな監視を稼働ステータスと状態で分類して識別します。また、アカウントに残っている稼働中の監視の数とアラートクレジットも表示できます。

Webページスピード（ブラウザー）

パフォーマンスダッシュボードは、以下のタブに分類されます。

  • サマリー
  • 障害
  • インベントリー
  • ログレポート
  • CDNレポート
  • Lighthouseレポート
  • 根本原因解析（RCA）レポート

サマリー

［サマリー］タブには、Webページのすべてのメトリックが一覧表示されます。 

  • イベントタイムライン

    イベントタイムラインウィジェットは、指定された期間における選択した監視の過去のすべてのイベントを記録します。これを使用して、ダウン、クリティカル、トラブル、メンテナンス、停止、または異常としてラベル付けされたさまざまな過去のイベントを特定し、解読できます。各イベントは簡単に識別できるように色分けされています。イベントをドリルダウンして最大限のデータを抽出し、簡単なトラブルシューティングを容易にすることができます。また、特定の時間ブロック中の実際の障害期間と合計障害期間を追跡することもできます。

  • ページロード時間

    ［ページロード時間］セクションには、Webサイトのパフォーマンスに関する履歴情報と、可用性、ページロード時間、ダウンタイム期間、ダウンタイムイベント数、SLA違反が表示されます。グラフには、DNS時間、接続時間、先頭バイト時間、ダウンロード時間などのさまざまな要因のページロード時間が表示されます。また、設定されたWebページの最大、最小、平均ロード時間、および95パーセンタイル（ミリ秒単位）と、その平均スループット値（KB/秒単位）も表示されます。設定されている場合は、Webページのグローバルな可用性も表示されます。 

    Site24x7のパーセンタイルは、外れ値を見つけるために使用できます。95パーセンタイルは、選択した期間中にポーリングされたデータの観測値の95%以上である値です。つまり、応答の95%がこの値よりも速かったということです。

    ブラウザーとネットワークの調整プロファイル

    各ブラウザーは個別のタブとして表示されるため、ブラウザー固有のパフォーマンスインサイトを簡単に切り替えることができます。

    ［監視の追加］ページで保存された設定に基づいて、選択したブラウザーと利用可能なシミュレーションされたネットワーク速度のパフォーマンスデータが表示されます。以下に指定されたセクションは、選択したブラウザーとネットワーク速度に基づいてデータを動的にロードします。

    利用可能なネットワーク速度

    次のシミュレーションされたネットワーク速度がサポートされています：
    • LAN（デフォルト）
    • 3G 
    • 4G
    • 5G
    各ネットワーク速度の横に表示される値は、その特定のネットワーク条件でのページロード時間を表しており、さまざまな接続シナリオでのパフォーマンスを比較するのに役立ちます。 

    この機能はChromeブラウザーでのみサポートされています。

    他のブラウザーでは、パフォーマンスデータはLAN速度に対してのみ表示されます。そのような場合、ネットワーク速度選択バーは表示されません。

    メリット
    • さまざまな実際のネットワーク条件下で、ブラウザー間のページパフォーマンスを評価します。
    • 遅いネットワークやブラウザー固有の動作によって引き起こされるパフォーマンスのボトルネックを迅速に特定し、より良い最適化の決定を支援します。
    ネットワーク調整プロファイル
    各ブラウザーの下で、［ページロード時間］セクションは以下のカテゴリに分類されます：
    • ページ概要
    • Webページサマリー
    • ドメインサマリー
    • コンソールエラー
    • 課題

    • ページ概要
      このセクションには、Webページの概要が表示されます。これには、パフォーマンスメトリック、リソース、およびWeb Vitalsが含まれます。これにはWebページのスクリーンショットも含まれます。 

      このセクションでは、実際のブラウザーでチェックされたすべてのWebページ要素のパフォーマンスメトリックが表示されます。詳細な計算については、こちらの記事をお読みください。
      ページ概要
      利用可能なメトリックのリストは以下の通りです：

      メトリック

      説明

      DNS時間（ms）

      DNS時間は、リクエストのドメイン名を解決するためにかかった時間です。DNS時間のスパイクは、ドメインの解決に時間がかかっていることを示します。

      接続時間（ms）

      接続時間は、クライアントがドメインのIPアドレスとのTCP接続を確立するのにかかった時間です。サーバーの過負荷などの要因により、接続の確立にさらに時間が必要になる場合がありますが、これはエンドユーザーに影響が及ぶ前に特定して対処できます。

      SSL時間（ms）

      SSL/TLSハンドシェイクを完了するのにかかった時間。この時間には、サーバーとクライアントのIDの確認、各当事者がサポートする暗号、署名、またはその他のオプションの詳細の共有、およびデータ暗号化のためのキーの作成または交換が含まれます。

      先頭バイト時間（ms）

      先頭バイト時間は、サーバーへの接続が確立されてからベースページの最初の応答が開始されるまでの時間です。これは実際には、サーバーの応答時間とネットワーク遅延時間の合計です。グラフでの先頭バイト時間のスパイクは、サーバーのリクエスト処理に遅延があることを示している可能性があります。

      描画開始（ms）

      描画開始時間は、Webページの関連部分がブラウザーウィンドウにロードされ始めたときに測定されます（つまり、ユーザーがもはや空白の白いウィンドウを見なくなった時点）。

      ドキュメント完了（ms）

      ドキュメント完了時間は、ページがすべてのコンテンツの読み込みを完了し、ユーザーの操作の準備ができた時点です。

      ページロード時間（ms）

      ページロード時間は、応答の完全なコンテンツをロードするためにかかった合計時間です。

      ［ページ概要］セクションには、分析対象のWebページのスクリーンショットも含まれます。

      このセクションでは、実際のブラウザーでチェックされたすべてのWebページ要素のリソースが表示されます。利用可能なメトリックのリストは以下の通りです：

      メトリック

      説明

      失敗したリソース

      訪問中に正常に読み込まれなかったWebページ上の要素は、失敗したリソースとして知られています。これらの失敗したリソースを監視することは、すべての重要な要素が正しく読み込まれていることを確認するために重要です。

      安全でないリソース

      画像、スクリプト、スタイルシートなどのWebサイト要素が、HTTPSではなく暗号化されていないHTTP接続を介して読み込まれる場合、それらは安全でないリソースとして知られています。

      合計JSヒープサイズ（KB）

      JavaScriptヒープサイズは、JavaScriptでオブジェクト、変数、および関数が格納されるブラウザーのメモリー領域を提供します。これはJavaScriptエンジンによって管理され、コードの実行に応じて動的にメモリーを割り当てたり解放したりします。

      JSヒープサイズ上限（KB）

      JavaScriptヒープサイズ上限は、JavaScriptエンジンがヒープにオブジェクト、変数、および関数を格納するために割り当てるメモリーの最大量です。

      CDNヒット率（%）

      CDNヒット率（%）：（ヒット数 / ヒットとミスのあるリンク数）* 100

      許可されるヘッダーは：x-cache, x-cache-status, x-cache-hits, cf-cache-status, server-timeing, x-proxy-cache, x-origin-cache, and akamai-cache-statusです。

      ヘッダー値が：HIT, HIT; HIT,MISS; MISS,HIT ; DYNAMIC ; H; 1,1; 1,0 ; 0,1; 1の場合、CDNヒットと宣言されます。

      ヘッダー値が：MISS,MISS; 0,0; 0の場合、CDNミスになります。

      このセクションでは、実際のブラウザーでチェックされたすべてのWebページ要素のWeb Vitalsが表示されます。利用可能なメトリックのリストは以下の通りです：

      メトリック

      説明

      First Contentful Paint（ms）

      First Contentful Paint（FCP）は、ユーザーのページに最初のテキストまたは画像が読み込まれる時間を測定するメトリックです。FCPは、ブラウザーがドキュメントオブジェクトモデル（DOM）内の最初のコンテンツをレンダリングした時点です。最初のビットはテキストまたは画像であり、FCPはユーザーにページが実際に読み込まれていることを最初に知らせます。

      Largest Contentful Paint（ms）

      Largest Contentful Paint（LCP）は、ページが最大の要素を読み込むのにかかる時間の測定値です。LCPは、Webサイトが画面上の最大のコンテンツをユーザーに表示するのにかかる時間を測定します。一般的に、ページのスクロールなしで表示されるすべてのコンテンツを含むと言われています。

      Cumulative Layout Shift

      Cumulative Layout Shift（CLS）は、ユーザーがページにアクセスしようとしたときに発生するレイアウトシフトを測定します。CLSは、読み込み中のページの知覚的な視覚的安定性を測定するパフォーマンスメトリックです。結果は、そのページのすべての個々のレイアウトシフトの集計スコアとして定量化されます。CLSは、GoogleのWeb Vitalsの1つとしてカウントされます。

      ウォーターフォールチャート
      ウォーターフォールチャートは、ステータスコード、応答時間、サイズ、HTTPバージョン、安全でないリンク、CDNヒット、失敗したリソース、SSL時間、先頭バイト時間など、URLのさまざまな要素を示します。各コンポーネントのページへの貢献度を視覚的に表現します。このインサイトは、ロード時間が長くなる原因となっているコンポーネントを特定するのに役立ちます。

      ［これを共有］をクリックすると、ウォーターフォールチャートのパーマリンクをコピーし、別のページで表示し、公開リンクを他のユーザーと共有できます。このリンクはクリップボード上で7日間有効です。
      ウォーターフォールチャート

      安全でないリンク：HTTPまたは安全でない接続を持つURLの数が、ここに安全でないリンクとしてリストされます。
      ドロップダウンオプションを使用してリソースをフィルタリングできるようになりました。利用可能なフィルターは、［すべてのリソース］、［上位20リソース］、［サイズ別上位20リソース］、［上位20画像］、［上位20 JS］、［上位20 CSS］、［安全でないリソース］（HTTPを持つURLがここにリストされます）、［CDNミスリソース］、および埋め込まれたリンク数を持つさまざまなドメインです。上位20のリソース/画像/JS/CSS/ドメインは、応答時間が最も高いリソースを降順でリストすることによって選択されます。

      また、CSS、画像、HTML、JavaScript、およびその他の必要なチェックボックスをクリックすることで、リソースをフィルタリングすることもできます。これにより、リストからリソースを簡単に分類できます。

    • Webページサマリー

      Webページサマリーは、リクエスト数、合計オブジェクト、画像、JavaScript、CSS、合計ページサイズなど、Webページの主要なコンテンツの概要です。このサマリーには、リクエスト別のコンテンツの内訳、サイズ別のコンテンツの内訳、応答時間の内訳、ドメイン別のリクエスト数の内訳を示す円グラフも含まれています。 
      Webページサマリー

    • ドメインサマリー

      このセクションでは、特定のURLの下にある各ドメインに送信されたリクエストの数、エージェントでリソースをレンダリングするために使用されたHTTPのバージョン、およびそれらの各ドメインの応答時間を示します。

      その他の詳細には、ドメインのIPアドレス、各ドメインのサイズ（KB）、各リクエストの平均ページロード時間（ミリ秒単位）、および平均スループット値（コンテンツ長/応答時間）が含まれます。 

      たとえば、URL www.mysite.comの下では、画像はimages.xyz.comから読み込まれ、広告バナーはads.sample.comから読み込まれるなどです。これらの各ドメインに送信されたリクエストの数、そのHTTPバージョン（1.1または2.0）、およびそれぞれにかかった応答時間が、ドメインサマリーセクションで詳しく説明されています。

      また、ファーストパーティードメイン、サードパーティードメイン、CDNドメイン、および広告に基づいてドメインをフィルタリングするオプションも提供します。

      ドメインサマリー

      ドメインサマリーには、ドメイン別の合計リクエストとドメイン別の期間に基づいた過去24時間のトレンドレポートが表示されます。これにより、過去のパフォーマンスを理解し、将来の計画のためにデータに基づいた意思決定を行うことができます。

    • コンソールエラー

      コンソールエラーは、JavaScriptの問題、ネットワークの問題、またはCSSやHTMLに関連するエラーを示す、開発者コンソールに表示されるメッセージです。これらのエラーは、開発者が問題を特定して解決するのを支援し、Webページの全体的な品質に貢献します。
      ［コンソールエラー］タブを選択して、コンソールエラーのリストを取得します。
      コンソールエラー

    • 課題

      ［課題］タブには、ブラウザーがWebページに関連して検出した問題のリストが表示されます。これは、［破壊的変更］、［改善］、および［ページエラー］の3つのセクションに分かれています。
      破壊的変更：このセクションでは、即時の注意が必要な重大な問題が強調表示されます。 
      改善：ここでは、Webページに対して行うことができる機能強化の提案が見つかります。
      ページエラー：このセクションには、JavaScript、CSS、HTML、およびその他の要素に関連するエラーがリストされます。
      各カテゴリは、開発者が問題を効果的に特定して対処するのに役立ちます。
      課題タブ

  • リソースタイプごとの平均サイズ

    リソースタイプごとの平均サイズは、画像、スクリプト、HTML、スタイルシートなど、Webページで使用されるリソースの各カテゴリのデータサイズ（メガバイト単位）の測定値です。このデータは、リソースの読み込みを分析し、パフォーマンスを最適化し、Webページの速度に影響を与える可能性のある大きなリソースを特定するのに役立ちます。
    WPAリソースタイプごとの平均サイズ

  • Web Vitals

    このセクションでは、First Contentful PaintやLargest Contentful PaintなどのWeb Vitalsのチャートを提供します。Web Vitalsについて詳しく学びましょう。
    Web Vitals

  • Geoマップ

    Geoマップは、合成監視とRUMソースからのデータを統合することにより、Webページのグローバルな可用性とパフォーマンスを視覚化します。さまざまな地域にカーソルを合わせると、平均応答時間やその他の主要なメトリックを表示できます。この統一されたビューは、合成ブラウザーチェックと実際のユーザーエクスペリエンスの両方から、さまざまな地理的地域でWebページがどのように動作するかを理解するのに役立ちます。

    Geoマップを使用すると、ページロード時間が遅い地域をすばやく特定し、合成ブラウザーメトリックを実ユーザーのパフォーマンスデータと関連付け、問題が特定の地域に限定されているか、広範囲にわたるかを判断できます。これにより、フロントエンドのパフォーマンスボトルネックの検出と解決が迅速になり、平均検出/修復時間（MTTD/MTTR）が短縮されます。
    Geoマップ

    メトリック別に表示

    メトリックを選択して、ロケーション全体の可用性とパフォーマンスを視覚化します。Geoマップは選択されたメトリックに基づいて動的に更新され、トレンドを分析できます。

    • 応答時間：色のグラデーション（速いロード時間は緑、遅い場合は赤）を使用して表示されます。バブルサイズは応答時間が長いほど大きくなり、速いロードでは小さくなり、地域間のパフォーマンスボトルネックを特定するのに役立ちます。

      • 合成： 設定されたロケーションからのブラウザーベースの監視を使用してキャプチャされた応答時間を表示します。

      • RUM： 実際のユーザーインタラクションに基づいて、国レベルで応答をヒートマップとして表示します。
        ロケーションにカーソルを合わせると、平均ページロード時間、可用性、ページビュー（RUMの場合）、およびその他の関連するパフォーマンスメトリックを含むツールチップが表示されます。

    • 可用性（%）：各監視ロケーションからのページロードの成功率を表します。色のグラデーション（高い可用性は緑、低い場合は赤）は、ページロードが失敗したりエラーが発生したりする地域を強調表示します。ロケーションにカーソルを合わせると、可用性の詳細を含むツールチップが表示されます。

    • 現在のステータス：各監視ロケーションのリアルタイムのステータスを示します。マップには、ロケーションがアップかダウンかが表示されます。このビューは、すべての地域にわたるブラウザーチェックの稼働状態を迅速に評価するのに役立ちます。

  • ダウン/トラブル/クリティカル履歴

    このセクションでは、監視のダウン/トラブル/クリティカル履歴に関する詳細なインサイトを提供します。ステータス、正確なダウンタイム（開始時刻から終了時刻まで）、期間、およびダウンステータスの具体的な理由を表示できます。
    ダウン/トラブル/クリティカル履歴

    ［障害の追加］ボタンをクリックして障害を追加できます。これらの障害は、CSVまたはPDFとしてエクスポートしたり、メールで送信したりできます。

    ハンバーガーアイコンをクリックして［メンテナンスとしてマーク］を選択すると、レコードをメンテナンス中としてマークできます。また、［コメントの追加/編集］を選択してレコードのコメントを追加または編集することもできます。必要に応じて、［削除］をクリックしてレコードを削除できます。

  • ロケーションごとの可用性とページロード時間

    各監視ロケーションの可用性とページロード時間は、表形式で表示されます。このデータを使用して、全体の可用性パーセンテージ、ページロード時間（秒単位）、および各ロケーションのダウンタイムを計算できます。このセクションには、ロケーション、可用性（%）、ダウンタイム期間、ダウンタイム数、最後のダウンタイム、およびページロード時間（秒単位）の詳細が含まれます。
    可用性とページロード時間

  • ロケーションごとのページロード時間

    ロケーションごとのページロード時間メトリックは、アクセス時間に基づいてさまざまなロケーションでWebページが読み込まれるのにかかる時間（秒単位）を示します。このデータはグラフとして視覚化され、地域別のロード時間を簡単に比較できます。
    ロケーションごとのページロード時間

  • Apdexスコア

    当社のRUM統合ウィジェットを使用すると、アプリケーションやサービスを使用するユーザーの満足度を測定するための業界標準であるApdexを即座に使用できます。ユーザーの視点からアプリケーションがどのように機能しているか（つまり、「満足」、「許容」、「不満」）を理解できます。

    Apdexスコアは、エンドユーザーの顧客満足度レベルの尺度であり、次のように分類されます：
    • Apdexスコア > 0.9は「満足」を意味します。
    • Apdexスコア > 0.5から < 0.9は「許容」を意味します。
    • Apdexスコア < 0.5は「不満」を意味します。
    Apdexスコア
    ドロップダウンメニューからロケーションを選択するか、ロケーションで利用可能な適切なオプションを選択することで、ロケーション別にApdexスコアをフィルタリングできます。さらに、応答時間、ページビュー、およびエラーに基づいてApdexスコアをさらにフィルタリングできます。この機能は、より正確なスコアを取得するのに役立ち、スコアをCSVファイルにエクスポートすることもできます。

  • グローバル業界平均

    グローバル業界平均は、パフォーマンスをベンチマークするための貴重なツールとして機能します。このウィジェットを使用すると、Webページのパフォーマンスを業界の同業者と直接比較できます。 

    このパフォーマンスベンチマークウィジェットを使用すると、さまざまなセクターにわたる業界の他の企業と比較して、平均応答時間とサービスの可用性をすばやく表示および比較できます。

    グローバル業界平均

障害

監視の詳細ページにある［障害］タブにアクセスして、さまざまな障害やメンテナンスのダウンタイムに関する詳細なインサイトを収集できます。問題のトラブルシューティングに十分な情報を提供します。

また、さまざまな障害に対する根本原因解析レポートにもアクセスできます。リストされた監視の障害またはメンテナンスのハンバーガーアイコンにアクセスすると、次のオプションが表示されます：

  • メンテナンスとしてマーク：障害をメンテナンスとしてマークします。
  • ダウンタイムとしてマーク：メンテナンスをダウンタイムとしてマークします。
  • コメントの編集：コメントを追加/編集します。
  • HTMLの表示：失敗したコンテンツチェック中に取得されたHTML形式のエラー応答を表示します。
  • 画像の表示：障害のRCAスクリーンショットを表示します。
  • 削除：障害/メンテナンスを完全に削除します。

インベントリー

インベントリーセクションでは、基本的な監視情報と、ポーリングロケーション、ポーリング間隔、ライセンスタイプなど、そのさまざまな設定がキャプチャされます。

インベントリー

ログレポート

個々の監視に統合されたログレコードを使用して、設定された監視のさまざまなログ詳細について、カスタム期間にわたって詳細な知識を得ることができます。ロケーションと可用性に基づいてログをフィルタリングすることもできます。可用性ステータス、HTTPステータスコード、DNS応答時間などのさまざまなデータがここでキャプチャされます。テーブルボタンを使用してログレポートの列をCSV形式でフィルタリングおよびエクスポートし、［CSVのダウンロード］ボタンをクリックすることもできます。

ログレポート

CDNレポート

CDNレポートは、Webコンテンツの配信におけるコンテンツ配信ネットワーク（CDN）のパフォーマンスに関するインサイトを提供します。メトリックには、応答時間、ロケーション、ミス、ミス%、失敗したリクエスト、ヒット%が含まれます。
CDNレポートについて詳しく学びましょう。

Lighthouseレポート

Lighthouseは、Webページの速度とパフォーマンスを分析するために使用できるオープンソースツールです。どのWebページに対しても実行でき、パフォーマンス、アクセシビリティー、プログレッシブWebアプリ、SEOなどの監査レポートがあります。Site24x7にWebページスピード（ブラウザー）監視がある場合は、監視用に追加したURLの詳細なLighthouseレポートを取得できます。

監査のためにURLを送信すると、Lighthouseはページに対して一連の監査を実行し、その後、ページのパフォーマンスに関するレポートが生成されます。たとえば、ブラウザーでのWebページの速度をテストするためのURLを使用して、Lighthouseレポートを生成できます。各監査には、監査の関連性とそれを修正するために取るべき措置を詳細に記載したリファレンスまたは提案セクションがあります。

Lighthouseレポートには、パフォーマンスメトリックスコアがパーセンテージとして表示され、各メトリックの7日間のトレンドグラフが表示されます。このグラフでは、色分けされたシステム（赤、黄、緑）を使用して、各監査カテゴリのスコアの品質を示します。

Lighthouseには、5つの主要なWebサイト最適化カテゴリの監査レポートがあります：

色 スコア範囲
（0～100%）		 説明
緑アイコン 緑 90～100 良好。Webサイトのパフォーマンスは優れています。
黄アイコン 黄 50～89 改善が必要。サイトは中程度のパフォーマンスですが、改善の余地があります。
赤アイコン 赤 0～49 不良。サイトには重大なパフォーマンスの問題があり、早急な対応が必要です。

日々のメトリックデータは、パフォーマンスが良好な領域と改善が必要な領域を示すために視覚化されます。
すべてのメトリックを考慮した後、ページのパフォーマンスに基づいてスコアが割り当てられます。スコアの範囲は0から100です。

  • パフォーマンス

    この監査では、Lighthouseはページが読み込まれる速度とユーザーのアクセスのしやすさを測定します。監査レポートには、Webページのパフォーマンスに関連する5つの速度メトリックに関するデータが含まれており、それぞれがページ速度の何らかの側面を測定します。
    • First Contentful Paint（FCP）：FCPは、ユーザーのページに最初のテキストまたは画像が読み込まれる時間を測定するメトリックです。
    • Largest Contentful Paint（LCP）：LCPは、ページが最大の要素を読み込むのにかかる時間の測定値です。
    • 合計ブロッキング時間（TBT）：TBTは、ページがユーザーの入力に応答できなくなる時間を測定します。
    • Cumulative Layout Shift（CLS）：CLSは、ユーザーがページにアクセスしようとしたときに発生するレイアウトシフトを測定します。
    • スピードインデックス（SI）：SIは、ページのコンテンツがどれだけ速く読み込まれるかを示します。
    すべてのメトリックを考慮した後、ページのパフォーマンスに基づいてスコアが割り当てられます。スコアの範囲は0から100です。

    各パフォーマンスメトリックには、7日間のWebサイトの速度を視覚化するトレンドグラフが含まれています。グラフは色分けされています（緑、黄、赤）。全体のパフォーマンススコアは、しばしばコアWebバイタルと呼ばれるいくつかの個別のメトリックの加重平均から計算されます。
    各コアWebバイタルメトリックには、それを良好、改善が必要、または不良と定義する独自の範囲があります。

    以下は、各メトリックの範囲とそのカテゴリです：

    メトリック カテゴリ 範囲 説明
    First Contentful Paint（FCP） 良好 0～0.9秒 ページはコンテンツを迅速に表示します
    改善が必要 0.9～1.6秒 ページはより速く読み込まれる可能性があります
    不良 >1.6秒 ページはコンテンツの表示が遅いです
    Largest Contentful Paint（LCP） 良好 0～1.2秒 メインコンテンツは迅速に読み込まれます
    改善が必要 1.2～2.4秒 メインコンテンツは中程度の速度で読み込まれます
    不良 >2.4秒 メインコンテンツの読み込みが遅いです
    合計ブロッキング時間（TBT） 良好 0～150秒 最小限のメインスレッドブロッキング
    改善が必要 150～350秒 いくつかのメインスレッドブロッキング
    不良 >350秒 高いインタラクティビティ遅延
    Cumulative Layout Shift（CLS） 良好 0～0.1秒 レイアウトは安定しています
    改善が必要 0.1～0.25秒 軽微なレイアウトシフト
    不良 ≥0.25秒 レイアウトが大幅にシフトします
    スピードインデックス（SI） 良好 0～1.3秒 視覚的な読み込みが速いです
    改善が必要 1.3～2.3秒 視覚的な読み込みは中程度です
    不良 >2.3秒 視覚的な読み込みが遅いです
    メトリック付きLighthouseレポート

    ツリーマップの表示：［ツリーマップの表示］レポートアイコンリンクをクリックして、Webページのツリーマップを表示します。Lighthouseの［ツリーマップの表示］機能は、WebサイトのJavaScriptバンドルの視覚的な内訳を提供し、Webページのパフォーマンスに影響を与える可能性のある大きなまたは未使用のモジュールを特定するのに役立ちます。 

    ツリーマップの各長方形は、モジュールまたはパッケージを表し、バンドル内のその重みに比例したサイズになっており、最適化の機会を見つけやすくなっています。

    ツリーマップについて詳しく学びましょう。

  • アクセシビリティー

    Lighthouseのアクセシビリティーテストは、支援技術を使用する人々がWebサイトをどれだけ簡単に使用できるかを確認します。ボタンやリンクなど、ページ上のさまざまな要素が、どれだけ使いやすいかがチェックされます。また、画像にはaltテキストが存在するかどうかもチェックされます。これは、視覚に制限があるか、まったくないユーザーがスクリーンリーダーで読むのを助ける可能性があるためです。 
    パフォーマンスの監査と同様に、アクセシビリティーレポートも100点満点でスコアが割り当てられます。
    アクセシビリティー

  • ベストプラクティス

    ベストプラクティスの監査では、ページが最新のWeb開発標準に従っているかどうかを分析します。この監査では、以下をチェックします：
    • リソースがHTTPSで保護されたサーバーから読み込まれているか。
    • 画像が正しいアスペクト比と適切な解像度であるか。
    • JavaScriptライブラリーが安全で脆弱性がないか。
    • コンテンツセキュリティポリシーがクロスサイトスクリプティング攻撃に対して安定しているか。
    • ページにブラウザーエラーがないか。
    • ページに非推奨のフレームワークやAPIが含まれていないか。
    • ページに有効なソースマップがあるか。
    • ページにChrome DevToolsパネルに表示される問題がないか。
    • ページがより良いユーザーエクスペリエンスを提供しているか。

      これらの要因のパフォーマンスによって、100点満点中のスコアが決まります。
      ベストプラクティス

  • SEO

    この監査は、Webページを分析して、SEOに影響を与える可能性のある技術的な側面を特定します。
    以下をチェックします：
    • ページがモバイルフレンドリーであるか。
    • ページが有効な構造を持っているか。
    • 内部リンクがクロール可能であるか。
    • ページが有効なhreflang属性を持っているか。
    • ページにタイトルとメタディスクリプションタグがあるか。
    • ページがインデックス可能であるか。
    • Robots.txtファイルが有効であるか。
    • ページ上のリンクに文脈に合ったテキストがあるか。
    • 画像にaltテキストがあるか。
    • ページにビューポートメタタグが含まれているか。

      この監査で割り当てられる最大スコアは100です。
      SEO

  • PWA

    この監査は、Webアプリケーションが最新のWeb機能を使用して、より良いユーザーエクスペリエンスを確保しているかどうかをチェックします。
    Webアプリケーションが以下をチェックします：
    • モバイルネットワークで高速かつ信頼性が高く、オフライン機能を提供しているか。
    • 複数のデバイスタイプにインストールできるか。
    • HTTPトラフィックをHTTPSにリダイレクトすることでPWAに最適化されているか。
      テストが実行されると、PWAバッジが割り当てられます。

      PWA

根本原因解析（RCA）レポート

監視が障害を報告してから150秒後に、ダウンしている監視の詳細な根本原因解析レポートを取得できます。RCAレポートは、監視の基本的な詳細、障害の詳細、再チェックの詳細、および障害の理由を提供します。根本原因解析は、ダウンタイムを引き起こした原因について明確な結論に達するために、多数の情報を自動的に生成します。RCAは、特定のダウンタイムまたはパフォーマンス問題の根本原因を特定することを目的としています。通常のRCAレポートは、以下の詳細で構成されます：

  • プライマリーロケーションからのチェックとセカンダリーロケーションからの再チェック。
  • Ping分析
  • DNS分析
  • TCP Traceroute
  • MTRレポート
  • MTRベースのネットワークルート
  • スクリーンショット、HTML、リソースの比較
  • 結論

  • スクリーンショット、HTML、リソースの比較

    このオプションを使用して、RCAレポート内のスクリーンショット、HTML、およびリソースの違いを確認できます。古い応答は左側に、新しい応答は右側に表示されます。

    この機能は、Webアプリケーションの変更を特定するのに役立ちます。たとえば、会社がアプリケーションを使用しており、更新によってユーザーがアクセスできなくなった場合、この機能は問題が発生している場所を特定するのに役立ち、アプリケーション全体をデバッグするのではなく、迅速に開発者を割り当てて修正することができます。
    • スクリーンショットの比較：この機能を使用すると、監視トランザクションステップがアップしていたときに撮影されたスクリーンショットと、監視トランザクションステップがダウンしていたときのスクリーンショットを比較できます。また、各スクリーンショットの日時も提供されます。スクリーンショットを比較することで、違いを特定するのに役立ちます。
    • HTMLの比較：このオプションを使用すると、アプリケーションまたはWebページが最近アップしていたときからダウンしていたときまでのHTMLコードを比較して、変更を分析できます。追加された行は緑色で、削除された行は赤色でハイライト表示されます。前の差分と次の差分機能を使用して、HTMLの差分間を移動できます。これにより、HTMLコンテンツの差異を簡単に見つけることができます。
      HTMLの比較
  • リソースの比較：ダウンしているページのリソースを、最近アップしていたページのリソースと比較します。
    リソースの比較
    この機能は、現在のダウンページと異なるすべてのリソースを、URLの最後のアップタイムとともにリストします。エラーコードと対応するリソースを、URL、プロトコル、応答コード、応答時間（ms）、およびサイズ（KB）を含む表形式で表示します。 

    ［表示］リンクをクリックすると、ヘッダー比較が表示されます。これには、選択したリソースの以前のアップ値と現在のダウン値などの比較情報が含まれており、ユーザーが根本的な問題を理解するのに役立ちます。
    ヘッダーの比較
    さまざまなネットワーク診断レポートについて詳しく知るには、RCAに関するこの記事をお読みください。

Webページスピードの分析

詳細はこちら：Webページスピード（ブラウザー）の設定方法