英語からAIを使用して翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
シンセティック・モニタリング レポートはLighthouse™（v.13.3.0）を使用しています。
単一の独自スコアの代わりに、新しいレポートではそれぞれ異なるウェブページの品質の側面を反映した4つの別々のスコアが表示されます。
パフォーマンススコアはどのように計算されますか？
このスコアおよび本レポートのすべてのパフォーマンス指標は Lighthouse™ のスコアリング手法に基づいています。詳細については、 Lighthouse™ スコアリング ドキュメントをご覧ください。
Lighthouse™（v.13.3.0）による提供。LighthouseのソースコードはGoogle LLCの著作権で保護されており、Apache License, 2.0の下でライセンスされています。LighthouseはGoogle LLCの商標です。本製品はGoogleとは提携しておらず、Googleの承認を受けていません。
4つの監査スコア
パフォーマンス
パフォーマンススコアは、ユーザーにとってページの読み込みがどれだけ速くスムーズかを測定します。これは5つのラボ指標の加重組み合わせから計算されます：
| 指標 | 測定内容 |
|---|---|
| Largest Contentful Paint (LCP) | 最大の可視コンテンツ要素の読み込み完了時点 |
| Total Blocking Time (TBT) | メインスレッドがブロックされ、ユーザー操作を妨げる時間の長さ |
| Cumulative Layout Shift (CLS) | 読み込み中にレイアウトが予期せずどれだけずれるか |
| First Contentful Paint (FCP) | 最初のコンテンツが画面に表示される時点 |
| Speed Index | コンテンツが視覚的にどれだけ速く表示されるか |
Lighthouse™ パフォーマンススコアリングについてさらに詳しく。
アクセシビリティ
アクセシビリティスコアは、障害のある人々にとってページがどれだけ使いやすいかを測定します。以下のような分野で WCAGガイドラインへの準拠をチェックします：
- テキストと背景のカラ―コントラスト
- 画像のalt属性の有無
- ARIAラベルとセマンティックHTMLの正しい使用
- キーボード操作の可否
Lighthouse™ アクセシビリティスコアリングについてさらに詳しく。
ベストプラクティス
ベストプラクティススコアは、以下を含む最新のウェブ開発標準にページが準拠しているかをチェックします：
- HTTPSの使用
- ブラウザコンソールエラーの不在
- 最新で安全なAPIの使用
- 正しい画像のアスペクト比と解像度
Lighthouse™ ベストプラクティス監査についてさらに詳しく。
SEO
SEOスコアは、検索エンジンによる検出のためにページが最適化されているかをチェックします。以下を含みます：
- <meta> description と <title> タグの有無
- robots.txt とカノニカルタグの正しい使用
- テキストの判読性（フォントサイズ、タップ対象の間隔）
- モバイルフレンドリー
スコアの色分け方法
4つのスコアはすべてLighthouse™ (v.13.3.0) のカラースケールに従っています：
- 🟢 スコア 90⁃100 : 良い
- 🟠 スコア 50 ⁃ 89 : 改善が必要
- 🔴 スコア 0 ⁃ 49 : 悪い
監査とは何ですか？
各スコアは個別の監査に分解されます。これはページに対して実行される特定のチェックです。
監査のステータス
監査は3つのステータスのいずれかを持ちます：
- ✅ 合格 – ページがこのベストプラクティスを満たしています
- ❌ 不合格 – ページがこのベストプラクティスを満たしていません。対応が必要です
-
改善が必要 – 推奨される対応によりスコアが改善される可能性があります
推定指標の節約
監査は推定指標の節約を示します。これは特定のCore Web Vitalに対して行動を取ることで見込まれる改善（例：「これを修正するとLCPが約240ms短縮される可能性があります」）です。
これらの推定値を使って、どの問題を優先的に対処するか決めてください。
サードパーティ監査
監査リストは、スクリプト、フォント、分析ツールなどのサードパーティリソースを特定し、それらがページの読み込み時間に与える影響を示します。
これを使って、各サードパーティベンダーのパフォーマンスコストを一目で評価できます。
ヒント: パフォーマンス修正の優先順位付け方法
レポートは4つのカテゴリにわたって数十の監査を表示することがあります。リストを絞り込み、最も重要な点に集中する方法は次のとおりです。
ステップ1. スコアバナーから始める
レポートの上部にある「Performance score」バナーは、ページの状態が良好、改善が必要、または悪いかを即座に教えてくれます。赤またはオレンジのPerformance scoreは、他のカテゴリを見る前に修正すべき影響の大きい問題があることを意味します。
Performance scoreがすでに緑の場合は、チームの現在の優先事項に基づいてAccessibility、Best Practices、またはSEOに進んでください。
ステップ2. Core Web Vitalsで監査をフィルタ
「Analyze performance issues」セクションで、フィルタオプションを使ってリストを単一のCore Web Vitalに絞り込みます（例：ページの読み込みが遅い場合はLCP、反応が鈍い場合はTBT）。
さらに、リストを「Failling」または「Improve」でフィルタリングできます。
これによりノイズが即座に除去され、改善に集中すべき監査のみが表示されます。
ステップ3. 推定指標節約量で監査を優先順位付け
フィルタリングされたリスト内で、監査は推定指標節約量（問題が解決された場合のそのCore Web Vitalの予想改善）を表示します。
最も推定節約量が大きい監査にまず注目してください。これらが最も効果的な修正です。
どこから始めればよいかわからない場合は？
遅いLCPは最も一般的な問題であり、ユーザー体験と検索ランキングに最も大きな影響を与えます。LCPで監査をフィルタし、推定指標節約量でソートして、そこから始めてください。