Google、ウェブサイトのパフォーマンスに関する統一ガイダンスを提供する Web Vitals イニシアチブを発表

その他Nov 14, 2023

Google は、3 つのコア指標を使用して Web サイトのパフォーマンスに関する統一的なガイダンスを開発者に提供する Web Vitals イニシアチブを発表しました。

昨年の Chrome Developer Summit に戻って、Google 新しいChrome開発者ツールを発表 ページの読み込み時間を短縮し、ネイティブ アプリのようなエクスペリエンスを構築します。 当時、同社は、ユーザー エクスペリエンスとパフォーマンスを念頭に置いて Web サイトを構築する際に測定するための統一された指標セットを開発者に提供する取り組みについても議論しました。 当初のアイデアに続き、Google は現在、次のことを目的とした Web Vitals イニシアチブを発表しました。 「Web 上で優れたユーザー エクスペリエンスを提供するために不可欠な、高品質のシグナルに関する統一ガイダンス」。

Google は長年にわたり、Web サイト開発者が Web サイトのパフォーマンスを測定および報告できるようにするいくつかのツールを提供してきました。 これらには、灯台などのものが含まれます。 Chrome 開発ツール、PageSpeed Insights、および Search Console の速度レポート。 しかしGoogleは、一部の開発者はこれらのツールの使い方に熟達している一方で、さまざまなツールや指標についていくのが少し難しいと感じている開発者もいると指摘している。 同社はこの新しい取り組みにより、環境を簡素化し、開発者が Core Web Vitals と呼ばれる最も重要な指標に集中できるようにすることを目指しています。

Core Web Vitals は、すべての Web ページに適用されるすべての Web Vitals のサブセットであり、すべての Web サイト所有者によって測定される必要があり、すべての Google ツールにわたって表示されます。 現在、これらの Core Web Vitals は、ユーザー エクスペリエンスの 3 つの側面 (読み込み、対話性、視覚的安定性) に焦点を当てており、次の指標 (およびそれぞれのしきい値) が含まれています。

  • 最大のコンテンツフル ペイント (LCP): 読み込みパフォーマンスを測定します。 優れたユーザー エクスペリエンスを提供するには、ページの最初の読み込み開始から 2.5 秒以内に LCP が発生する必要があります。
  • 最初の入力遅延 (FID): インタラクティブ性を測定します。 優れたユーザー エクスペリエンスを提供するには、ページの FID が 100 ミリ秒未満である必要があります。
  • 累積レイアウト シフト (CLS): 視覚的な安定性を測定します。 優れたユーザー エクスペリエンスを提供するには、ページの CLS を 0.1 未満に維持する必要があります。

開発者がこれらの Core Web Vitals を測定して報告できるようにするために、Google はツールでこれらの指標を明らかにすることに取り組んでいます。 次の表は、どのツールが Core Web Vitals をサポートしているかを詳しく示しています。

開発者は、標準 Web API を使用して JavaScript で各 Core Web Vital を測定し、コードを書かずに各 Core Web Vital についてレポートすることもできます。 Web Vitals Chrome 拡張機能. この拡張機能は、web-vitals ライブラリを利用してこれらのメトリクスを測定し、Web を閲覧するユーザーに表示します。 この拡張機能は、自社の Web サイト、競合他社の Web サイト、および Web 全体のパフォーマンスを理解するのにも役立ちます。 あるいは、基盤となる Web API を使用してこれらのメトリクスを測定したい開発者は、実装の詳細については、以下にリンクされている Web サイトのメトリクス ガイドを参照してください。

Google は、Core Web Vitals に加えて、Core Vitals の代理指標または補足指標として機能する他の Web Vitals についても言及しています。 これらには、最初のバイトまでの時間 (TTFB)、最初のコンテンツフル ペイント (FCP)、合計ブロック時間 (TBT)、時間などのメトリクスが含まれます。 インタラクティブ (TTI) に移行すると、開発者がエクスペリエンスの大部分を取得したり、特定の症状の診断に役立ちます。 問題。

これらの Web Vitals と Core Web Vitals は時間の経過とともに進化するため、開発者は将来の改善やリストへの追加を期待する必要があることは注目に値します。 ただし、Core Web Vitals はすべての Web ページに関連しており、複数の Google ツールにわたって機能するため、これらの指標を変更してもその定義やしきい値は変更されません。 開発者には、今後の変更や予測可能な年間パターンについても事前に通知されます。 他の Web Vitals はコンテキストまたはツールに固有であるため、その定義としきい値は予告なく頻繁に変更される可能性があります。 すべての Web Vitals に加えられた変更は、この文書に文書化されます。 公開変更ログ.

ソース： web.dev