Google が今年後半に Chrome 90 をリリースすると、Web サイトのパフォーマンスに関する統計情報を提供するオーバーレイが搭載される予定です。
Google が今年後半に Chrome 90 をリリースすると、このブラウザには、Web サイトのパフォーマンスに関する重要な統計情報を開発者に提供するオプションの新しいオーバーレイが搭載される予定です。
Chrome の新しいパフォーマンス ヘッドアップ ディスプレイ (HUD) について Google エンジニアリング マネージャーが詳しく解説 アディ・オスマニ (経由 アンドロイド警察). Chrome DevTools の一部となる新しいオーバーレイは、開発者に Core Web Vitals とスムーズさの両方の指標を提供します。 HUD が有効になると、永続的に各タグに表示されます。
新しいパフォーマンス オーバーレイは次のとおりです。 Google が Web Vitals を開始は、「ウェブ上で優れたユーザー エクスペリエンスを提供するために不可欠な、品質の高いシグナルに関する統一的なガイダンス」を提供することを目的とした取り組みです。
2020 年 5 月に Core Web Vitals について私たちが述べたことは次のとおりです。
Core Web Vitals は、すべての Web ページに適用されるすべての Web Vitals のサブセットであり、すべての Web サイト所有者によって測定される必要があり、すべての Google ツールにわたって表示されます。 現在、これらの Core Web Vitals は、ユーザー エクスペリエンスの 3 つの側面 (読み込み、対話性、視覚的安定性) に焦点を当てており、次の指標 (およびそれぞれのしきい値) が含まれています。
- Largest Contentful Paint (LCP): 読み込みパフォーマンスを測定します。 優れたユーザー エクスペリエンスを提供するには、ページの最初の読み込み開始から 2.5 秒以内に LCP が発生する必要があります。
- 最初の入力遅延 (FID): インタラクティブ性を測定します。 優れたユーザー エクスペリエンスを提供するには、ページの FID が 100 ミリ秒未満である必要があります。
- Cumulative Layout Shift (CLS): 視覚的な安定性を測定します。 優れたユーザー エクスペリエンスを提供するには、ページの CLS を 0.1 未満に維持する必要があります。
開発者にとって、高速かつスムーズなエクスペリエンスを備えた Web サイトを作成することは最大の利益です。 それは、 Googleがウェブサイトをランク付けする 2021 年 5 月以降の「ページ エクスペリエンス」に基づいています。 Google は昨年 8 月に Web サイトに Core Web Vitals 指標を満たしているというラベルを付け始め、Chrome 85 のユーザーにリンクが「高速ページ」につながっているかどうかを通知しました。
Osmani 氏によると、HUD はまだ改良中であるため、安定性やパフォーマンスなどは時間の経過とともに向上するでしょう。 に向かうことができます crbug.com そして、内部 > GPU > メトリクス コンポーネントでバグやフィードバックを報告してください。