ウェブに関する指標

ユーザー エクスペリエンスの質の最適化は、ウェブ上のあらゆるサイトで長期的な成功を収めるうえで重要です。ビジネス オーナー、マーケティング担当者、デベロッパーの皆様にとって、Web Vitals はサイトのエクスペリエンスを定量化し、改善の機会を見つけるのに役立ちます。

概要

ウェブに関する指標とは、ウェブ上で優れたユーザー エクスペリエンスを提供するために不可欠な品質シグナルに関する統一されたガイダンスを提供する Google のイニシアチブです。

Google は長年にわたり、パフォーマンスを測定して報告するためのツールを数多く提供しています。これらのツールを使いこなすエキスパートもいれば、ツールと指標の両方について把握するのが難しいと感じているデベロッパーもいます。

サイト所有者がパフォーマンスのエキスパートでなくても、ユーザーに提供するエクスペリエンスの質を理解できます。ウェブに関する指標イニシアチブは、環境を簡素化し、サイトが最も重要な指標であるウェブに関する主な指標に集中できるようにすることを目的としています。

Core Web Vitals

Core Web Vitals は、すべてのウェブページに適用される Web Vitals のサブセットであり、すべてのサイト所有者が測定する必要があり、すべての Google ツールに表示されます。Core Web Vitals は、それぞれユーザー エクスペリエンスの個別の側面を表しており、現場で測定可能であり、ユーザー中心の重要な成果の実際のエクスペリエンスを反映しています。

Core Web Vitals を構成する指標は、時間の経過とともに進化していきます。2020 年の現在のセットは、ユーザー エクスペリエンスの 3 つの側面(読み込み、インタラクティブ性、視覚的な安定性)に焦点を当てており、以下の指標(およびそれぞれのしきい値)が含まれています。

Largest Contentful Paint のしきい値に関する推奨事項 First Input Delay のしきい値に関する推奨事項 Cumulative Layout Shift しきい値の推奨事項
  • Largest Contentful Paint(LCP): 読み込みのパフォーマンスを測定します。優れたユーザー エクスペリエンスを提供するため、LCP はページの読み込みが最初に開始されてから 2.5 秒以内に行われる必要があります。
  • First Input Delay(FID): インタラクティビティを測定します。優れたユーザー エクスペリエンスを提供するには、ページの FID を 100 ミリ秒以下にする必要があります。
  • Cumulative Layout Shift(CLS): 視覚的な安定性を測定します。優れたユーザー エクスペリエンスを提供するには、ページの CLS を 0.1. 以下に維持する必要があります。

上記の各指標について、ほとんどのユーザーで推奨される目標値を達成するには、モバイル デバイスとデスクトップ デバイスに分割されたページ読み込みの 75 パーセンタイルを測定しきい値として測定することをおすすめします。

Core Web Vitals のコンプライアンスを評価するツールでは、上記 3 つの指標すべての 75 パーセンタイルで推奨ターゲットを満たしている場合に、ページ合格とみなす必要があります。

ライフサイクル

Core Web Vitals トラックの指標は、3 つのフェーズ(試験運用版、保留中、安定版)からなるライフサイクルを経由します。

Core Web Vitals の指標の 3 つのライフサイクル フェーズを、3 つの山形グラフとして視覚化しています。左から順に、試験運用版、保留中、安定版のフェーズがあります。

以下の表に、ウェブに関する主な指標の現時点でライフサイクルの段階を示します。

試験運用版 保留中 安定版
  INP LCP
CLS
FID

各フェーズは、各指標についてどのように考えるべきか、デベロッパーに示すよう設計されています。

  • 試験運用版の指標はウェブに関する主な指標です。テストやコミュニティからのフィードバックによっては、まだ大幅な変更が行われている可能性があります。
  • 保留中の指標は、今後のウェブに関する主な指標で、テストとフィードバックの段階に合格し、安定するための明確なタイムラインが定められているものです。
  • 安定した指標とは、Chrome で優れたユーザー エクスペリエンスに不可欠だと見なされているウェブに関する主な指標の現在のセットです。

試験運用版

指標が最初に開発されてエコシステムに加わったときは、試験運用版指標とみなされます。

テストフェーズの目的は、指標の適合性を評価することです。まず解決すべき問題を探り、可能であれば、以前の指標では対応できなかった可能性のあるものについて反復処理します。たとえば、Interaction to Next Paint(INP) は当初、ウェブに存在するランタイム パフォーマンスの問題に First Input Delay(FID)よりも包括的に対処する試験運用版の指標として開発されました。

ウェブに関する主な指標のライフサイクルの試験運用フェーズでは、指標の開発に柔軟性を持たせることも目的としています。バグの特定や、指標の初期定義の変更の確認も行います。コミュニティからのフィードバックが最も重要なフェーズでもあります。

保留

Chrome チームが、試験運用版の指標に十分なフィードバックがあり、その有効性が実証されていると判断した場合、その指標は保留中の指標になります。エコシステムが適応する時間を確保するため、保留中の指標は最低 6 か月間このフェーズで保持されます。指標が保留フェーズから抜け出すためには、移行期間が終了するまで待つ必要があります。より多くのデベロッパーがこの指標を使用し始めるため、このフェーズでは引き続きコミュニティからのフィードバックが重要な側面となります。

安定的

ウェブに関する主な指標の候補が確定すると、その指標は安定した指標になります。ウェブに関する主な指標のトラック上にある指標の場合、その指標はウェブに関する主な指標になります。

安定版の指標は積極的にサポートされており、バグの修正や定義の変更が行われる場合があります。安定した Core Web Vitals 指標は、年に 1 回以上変更されることはありません。ウェブに関する主な指標に変更があった場合は、指標の公式ドキュメントと指標の CHANGELOG で明確に通知されます。ウェブに関する主な指標もすべての評価に含まれます。

ウェブに関する主な指標を測定して報告するツール

Google は、Core Web Vitals はすべてのウェブ エクスペリエンスに不可欠であると考えています。そのため、Google はすべての一般的なツールでこれらの指標の表示に取り組んでいます。以降のセクションでは、ウェブに関する主な指標をサポートするツールについて詳しく説明します。

ウェブに関する主な指標を測定するためのフィールド ツール

Chrome ユーザー エクスペリエンス レポートでは、ウェブに関する主な指標ごとに、匿名化された実際のユーザー測定データが収集されます。このデータにより、サイト所有者はページに対する分析を手動で計測しなくてもパフォーマンスを迅速に評価できるようになります。また、PageSpeed Insights や Search Console のウェブに関する主な指標レポートなどのツールが強化されます。

Chrome ユーザー エクスペリエンス レポートで得られるデータは、サイトのパフォーマンスを迅速に評価する手がかりとなります。ただし、正確な診断、モニタリング、回帰への迅速な対応に必要な、ページビューごとの詳細なテレメトリーは得られません。そのため、サイトで独自のリアルタイム ユーザー モニタリングを設定することを強くおすすめします。

JavaScript で Core Web Vitals を測定する

各 Core Web Vitals は、標準のウェブ API を使用して JavaScript で測定できます。

すべてのウェブに関する主な指標を測定する最も簡単な方法は、web-vitals JavaScript ライブラリを使用することです。このライブラリは、基礎となるウェブ API の本番環境に対応した小規模なラッパーで、上記のすべての Google ツールによってレポートされる指標と正確に一致する方法で各指標を測定します。

web-vitals ライブラリを使用すると、1 つの関数を呼び出すだけで各指標を簡単に測定できます(使用方法API の詳細については、ドキュメントをご覧ください)。

import {onCLS, onFID, onLCP} from 'web-vitals';

function sendToAnalytics(metric) {
  const body = JSON.stringify(metric);
  // Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
  (navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
    fetch('/analytics', {body, method: 'POST', keepalive: true});
}

onCLS(sendToAnalytics);
onFID(sendToAnalytics);
onLCP(sendToAnalytics);

web-vitals ライブラリを使用してウェブに関する主な指標データを測定し、分析エンドポイントに送信するようにサイトを設定したら、次のステップとして、そのデータを集計してレポートを作成し、ページがページアクセスの 75% 以上で推奨しきい値を満たしているかどうかを確認します。

一部のアナリティクス プロバイダでは Core Web Vitals の指標のサポートが組み込まれていますが、そうでないプロバイダでも、ツールで Core Web Vitals を測定できる基本的なカスタム指標機能を組み込む必要があります。

その一例が、ウェブに関する指標レポートです。サイト所有者は、このレポートで Google アナリティクスを使用して、ウェブに関する主な指標を測定できます。他の分析ツールを使用して Core Web Vitals を測定する方法については、現場におけるウェブに関する指標の測定に関するベスト プラクティスをご覧ください。

また、Web Vitals Chrome 拡張機能を使用すると、コードを記述せずに各ウェブに関する主な指標に関するレポートを作成することもできます。この拡張機能は、web-vitals ライブラリを使用して各指標を測定し、ウェブをブラウジングするユーザーに表示します。

自社サイト、競合他社のサイト、ウェブ全体のパフォーマンスを把握するのに役立ちます。

  LCP FID CLS
web-vitals
Web Vitals 拡張機能

基盤となるウェブ API を使用してこれらの指標を直接測定する場合は、次の指標ガイドで実装の詳細を確認できます。

Core Web Vitals を測定するラボツール

Core Web Vitals はすべてフィールド指標ですが、その多くはラボで測定することもできます。

ラボ測定は、開発段階(ユーザーにリリースする前)の機能のパフォーマンスをテストするのに最適な方法です。パフォーマンスの低下を未然に防ぐ優れた方法でもあります。

ラボ環境で Core Web Vitals を測定するには、次のツールを使用できます。

  LCP FID CLS
Chrome DevTools ✘(代わりに TBT を使用)
Lighthouse ✘(代わりに TBT を使用)

ラボでの測定は優れたエクスペリエンスを提供するために不可欠ですが、現場での測定に代わるものではありません。

サイトのパフォーマンスは、ユーザーのデバイスの機能、ネットワーク状態、デバイスで実行されている他のプロセス、ユーザーがページをどのように操作しているかによって大きく異なります。実際、ウェブに関する主な指標の各指標は、ユーザー操作の影響を受ける場合があります。全体を正確に把握できるのはフィールド測定のみです。

スコアを改善するための推奨事項

Core Web Vitals を測定し、改善の余地がある領域を特定したら、次のステップは最適化です。以下のガイドでは、ウェブに関する主な指標ごとにページを最適化するための具体的な推奨事項を紹介しています。

その他のウェブに関する指標

Core Web Vitals は、優れたユーザー エクスペリエンスを把握し、提供するための重要な指標ですが、他にも重要な指標があります。

こうした他のウェブに関する指標は、Core Web Vitals の代替指標または補足指標として機能し、エクスペリエンスの大部分を捕捉したり、特定の問題の診断に役立てたりできます。

たとえば、Time to First Byte(TTFB)First Contentful Paint(FCP)の指標は、どちらも読み込みエクスペリエンスに不可欠な要素であり、どちらも LCP の問題(それぞれ低速なサーバー レスポンス時間またはレンダリング ブロック リソース)の診断に役立ちます。

同様に、Total Blocking Time(TBT)Time to Interactive(TTI)などの指標は、FID に影響する可能性のあるインタラクティビティの問題を検出して診断するうえで不可欠なラボの指標です。ただし、これらはフィールド測定が可能でなく、ユーザー中心の結果を反映するものでないため、Core Web Vitals セットに含まれていません。

進化するウェブに関する指標

ウェブに関する指標とウェブに関する主な指標は、デベロッパーが現在ウェブ全体のエクスペリエンスの質を測定するために利用できる最適なシグナルですが、これらのシグナルは完全ではなく、将来的な改善や追加が想定されています。

ウェブに関する主な指標は、すべてのウェブページに関連し、関連する Google ツール全体に表示されます。これらの指標の変更は広範囲に影響を及ぼします。そのため、デベロッパーはウェブに関する主な指標の定義としきい値が安定しており、更新が事前に通知され、予測可能な年 1 回の頻度で行われることを期待する必要があります。

他のウェブに関する主な指標はコンテキストまたはツールに固有であることが多く、Core Web Vitals よりも試験運用版になる場合があります。そのため、その定義としきい値は頻繁に変化する可能性があります。

すべてのウェブに関する指標については、一般公開されている CHANGELOG に変更が明記されます。