AIを使用して英語から翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
レポートの紹介
Synthetic Monitoringでウェブパフォーマンステストを実行するたびにレポートが生成されます。これは、テスト時のページのパフォーマンスをCore Web Vitals、その他のパフォーマンス指標、監査スコア、ビデオ再生、ウォーターフォール、詳細な監査から詳細に表示します。
レポートを使用して、ページの遅延原因を理解し、Core Web Vitalsに最も影響を与える修正の優先順位を付け、標準化されたスコアを時間経過で追跡します。
レポートには2種類あります
スタンドアロンレポート：単一ページの完全なパフォーマンス分析（Synthetic Monitoringでウェブパフォーマンステストを実行する方法を参照）
比較レポート：2つ以上のページ、競合他社のページを含む並列表示（ウェブパフォーマンス比較レポートの作成方法を参照）
Synthetic Monitoringレポートへのアクセス
- 実行した任意のウェブパフォーマンステスト（テスト実行直後にレポートが利用可能）
- Synthetic Monitoringのダッシュボードおよびレポートタブ
- 任意の比較レポート
- 任意のMonitoring内の任意のグラフ
レポートは、プロファイルで指定された言語に合わせて英語またはフランス語で表示されます。
レポートの管理
レポートのいずれかをクリックして開きます。
左上には、テストされたウェブページのURLとテストの分析のコンテキストが表示されます。
- 構成にアクセスするには‘...’メニューをクリックします。
- ‘再テスト’を選択して同じ構成で新しいテストを開始します。
- ‘このページをモニター’ボタンを使用して新しいMonitoringを作成します。
- ダウンロードアイコンをクリックして、完全なレポートをPDFとしてエクスポートします
パフォーマンス指標
パフォーマンススコアバナー
パフォーマンススコアバナーはレポートの上部に表示され、ページのパフォーマンスを即座に把握できます。
- パフォーマンススコアは、シミュレートされた負荷条件下で測定された5つのコアウェブバイタル、LCP、TBT、CLS、FCP、およびSpeed Indexの加重平均です。
- スクロールせずに調査を開始できるように、「パフォーマンスの問題を表示」ボタンをクリックして、直接パフォーマンスの問題セクションにジャンプします。
パフォーマンススコアはどのように計算されますか？
このスコアおよび本レポート内のすべてのパフォーマンス指標は、 Lighthouse™ のスコアリング手法に基づいています。詳細については、 Lighthouse™ スコアリングドキュメントをご覧ください。
Lighthouse™ (v.13.3.0) によって提供されています。LighthouseのソースコードはGoogle LLCの著作権で保護されており、Apache License, 2.0の下でライセンスされています。LighthouseはGoogle LLCの商標です。本製品はGoogleとは提携しておらず、Googleの承認を受けていません。
パフォーマンス指標
このセクションでは、ページのパフォーマンスを一箇所で全体的に把握できます。指標はインタラクティブで、クリックするとレポートの該当セクションに移動するか、追加のビューが開きます。
コアウェブバイタル
3つのコアウェブバイタルが色分けで表示されます：
| 指標 | 測定内容 | クリックすると… |
|---|---|---|
| LCP（Largest Contentful Paint） | 最大の可視コンテンツ要素の読み込み完了時点 | LCPの瞬間のビデオ再生にスクロールし、パフォーマンス監査をLCPにフィルタリングします |
| TBT（Total Blocking Time） | 長時間のタスクによってメインスレッドがブロックされ、インタラクティビティが遅延する時間 | |
| CLS（Cumulative Layout Shift） | レイアウトが予期せずにどれだけシフトしたか | 下にスクロールし、パフォーマンス監査をCLSにフィルタリングします |
Contentsquareは、インタラクティビティ指標としてTBTを使用しています。これは、インタラクティビティのパフォーマンスを診断および改善するための信頼できるラボ指標であるためです。
二次指標
「その他の指標を見る」をクリックして、二次指標パネルを展開します。
| 指標 | 測定内容 | クリックすると… |
|---|---|---|
| FCP (First Contentful Paint) | ブラウザが最初の表示可能なコンテンツをレンダリングするまでの時間 | Performance監査をFCPにフィルタリングします |
| Speed Index | ページの表示可能なコンテンツが読み込み中にどれだけ速く表示されるか | Filmstripを開きます |
| First Byte (Time to First Byte) | ブラウザがサーバーにリクエストを送信してから最初のバイトの応答を受け取るまでの時間 | Waterfallを開きます |
| Start Render | ブラウザが画面上に何か表示可能なものを最初に描画した瞬間 | Start Renderの瞬間のビデオ再生にスクロールします |
| Visually Complete | ビューポート内のすべての表示可能なコンテンツのレンダリングが完了した時点 | Visually Completeの瞬間のビデオ再生にスクロールします |
| Weight | リソースタイプ（HTML、CSS、JS、画像、その他）ごとに分割されたページの総重量を表示します。 | |
ビデオ再生
このセクションでは、ページ読み込みのビデオ分析から計算されたウェブパフォーマンス指標を表示します。ページの読み込み状況やユーザーの体験を確認するために使用してください。
- 指標名（Start Render、FCP、LCP、または Visually Complete）をクリックすると、そのポイントのビデオにジャンプします。
-
LCPをクリックすると、再生中に最大の表示可能なコンテンツ要素がハイライトされます。
LCPイベント情報
LCPを選択すると、以下の詳細が表示されます：
- 要素：LCP要素のID、クラス、またはファイル名
- サイズ：要素の幅と高さに基づき、ビューポートに対する比率で計算されます
- HTMLコード：LCP要素を特定するのに役立つHTMLコードの抜粋
- 重量：画像ファイルのサイズ （LCPが画像によってトリガーされた場合のみ表示）
-
パス：LCPをトリガーするリクエストのフルパス （LCPが画像によってトリガーされた場合のみ表示）
Filmstrip
‘Show filmstrip’をクリックすると、ページの読み込みを一定間隔でフレームごとに表示します。
各フレームは最終状態に対するレンダリング完了率を表示します。
‘Visually Complete’のタイムスタンプは、ユーザーの視点から表示可能なコンテンツのレンダリングが完了した時点を示し、通常はレンダリング率が100％付近に達した時点に対応します。
ウォーターフォール
「Network」ボタンをクリックすると、画像、JavaScript、ウェブサービスの呼び出しなどのアセットを含む、ページの読み込みに必要なすべてのネットワークリクエスト（HTTPなど）のウォーターフォールリストにアクセスできます。
- Timings セクションには、ページのすべてのパフォーマンス指標の値が一覧表示されます。
- Long Tasks セクションでは、ブラウザが50ms以上忙しい箇所とTotal Blocking Timeが表示されます。
- Waterfall セクションには、すべてのHTTPリクエストの順次リストが表示されます。
ウォーターフォール AI 要約
✦ ボタンを使用して、複雑なネットワークデータをわかりやすい言葉でのインサイト、問題、推奨事項に変換したAIベースの要約を表示します。
パフォーマンスの問題を分析する
このセクションでは、ページで実行されたすべての監査を4つのカテゴリにグループ化して一覧表示し、それぞれに対してどのように対処すべきかのインサイトを提供します：Performance、Accessibility、Best Practices、および SEO。これらはそれぞれ、ウェブページの異なる品質の側面を測定します。
監査スコア
| スコア | 測定内容 |
|---|---|
| Performance | LCP、TBT、CLS、FCP、Speed Indexに基づき、ユーザーにとってページの読み込みがどれだけ速くスムーズかを示します |
| Accessibility | WCAGガイドラインに従い、障害のある人にとってページがどれだけ使いやすいかを示します |
| Best Practices | ページが最新のウェブ開発標準に従っているかどうかを示します |
| SEO | 検索エンジンによる発見のためにページがどれだけ最適化されているかを示します |
各スコアは該当するしきい値に従って色分けされています。
各監査では以下が表示されます：
- 合格 / 不合格 / 情報のステータスインジケータ
- 問題の説明と修正方法のガイダンス
- 推定指標節約（該当する場合）：推奨事項を適用した場合のCore Web Vitals（LCP、TBT、CLSなど）への影響の予測値
段階的なアプローチについては、パフォーマンス監査レポートにおけるLighthouse™（v.13.3.0）スコアの理解を参照してください。
監査のフィルタリング
「filter by」オプションを使用して、特定のCore Web Vitalに影響を与える監査に絞り込むことができます。
また、最も重要な問題に絞るには、「Failing」または「To improve」を選択してください。
これにより、ユーザー体験に最も影響のある修正を優先順位付けできます。