グーグルクローム
Googleは、有益なヘッドアップディスプレイ（HUD）を提供しています。 Chromeブラウザ 。オーバーレイは、Webページの主要なパフォーマンスメトリックをリアルタイムで提供します。これにより、ユーザーはWebページがブラウザーとデバイスのパフォーマンスにどの程度の影響を与えるかを理解できます。
現在実験的な機能としての新しいリアルタイムウェブページパフォーマンスオーバーレイは、本質的に コアWebバイタル Googleが今年初めに立ち上げたプラットフォーム。
Google Core Web Vitalsは、視覚的かつリアルタイムのWebページパフォーマンスオーバーレイを取得します。
Google Core Web Vitalsは、ウェブサイトを閲覧するときに優れたユーザーエクスペリエンスを提供するために必要なウェブページのパフォーマンスとユーザーエクスペリエンスの指標を測定します。バイタルサインには、現在、最大コンテンツペイント（LCP）、最初の入力遅延（FID）、および累積レイアウトシフト（CLS）が含まれています。
- 最大のコンテンツフルペイント（LCP） ブラウザの表示可能な画面の最大の要素がいつ表示されるかを測定します。優れたユーザーエクスペリエンスを提供するには、LCPを 2.5秒 ページが最初にロードを開始したときの。
- 最初の入力遅延（FID） ユーザーが最初にページを操作してから、ブラウザーがその操作に応答できるようになるまでの時間を測定します。優れたユーザーエクスペリエンスを提供するには、ページのFIDが 100ミリ秒 。
- 累積レイアウトシフト（CLS） ビューポートで表示されるコンテンツがどれだけシフトするか、およびこれらの要素がシフトされる距離を測定します。 CLSの一般的な理由は、表示されているコンテンツを押し下げる広告が表示される場合です。優れたユーザーエクスペリエンスを提供するには、ページはCLSを以下に維持する必要があります 0.1。
ちなみに、グーグルはグーグル検索エンジンを通して検索され訪問されたウェブサイトのランキングアルゴリズム内のコアウェブバイタルメトリックを考慮し始めます。つまり、ウェブサイトは、Google検索結果での関連性を維持するために、LCP、FID、およびCLSの指標を改善する必要があります。
ChromeWebブラウザの表示可能な組み込み機能としてのGoogleCore Web Vitalsメトリック：
Google Chrome Canaryビルドでは、同社はWebページの使用中にリアルタイムのパフォーマンスメトリックを表示する組み込みのHUDを作成しています。最近まで、Chromeユーザーは拡張機能を使用して指標にアクセスできました。
[画像クレジット：BleepingComputer]
新しいHUDは、Webページの右上に配置されます。最大コンテンツペイント（LCP）、最初の入力遅延（FID）、および累積レイアウトシフト（CLS）のパフォーマンスメトリックが表示されます。 HUDには、平均ドロップフレーム（ADF）も含まれます。ADFは 滑らかさのメトリック これは、WebページのGPUとレンダリングパフォーマンスを測定します。 ADFが低いほどページは滑らかになりますが、ドロップされたフレームが多いほど、ウェブページを使用するときに「ジャンク」または途切れや途切れが発生します。
ChromeブラウザでGoogleCore Web Vitals HUDを有効にする方法：
新しいGoogleCore Web VitalsパフォーマンスメトリクスHUDを試すには、ユーザーは最初にインストールする必要があります Google Chrome Canary 。
Chrome Canaryをインストールしたら、次の手順でHUD機能を有効にします。
- 入る chrome：// flags Chromeのアドレスバーに移動し、Enterキーを押します。
- 実験画面が開いたら、「 肌 。」
- ‘ HUDでパフォーマンスメトリックを表示する ‘フラグが表示されたら、ドロップダウンをクリックして‘を選択します 有効 。」
