実際のWebサイトでWeb Vitalsをデバッグする [翻訳]

 (blog.outsider.ne.kr)
6 ポイント 投稿者 xguru 2021-04-29 | 2件のコメント | WhatsAppで共有
  • 属性（attribution）とデバッグのためのAPI

→ CLS

→ レイアウトシフトの属性を取得する

→ LCP

→ LCP候補要素を見つける

→ FID

→ FID対象要素を特定する

  • web-vitals JavaScriptライブラリの使い方

  • データをレポートして可視化する

  • Web Vitalsレポートツール

関連記事

2件のコメント

 
bncgood 2021-04-29

Googleは、実際の検索結果への反映時期を6月中旬に変更すると発表しました。

https://developers.google.com/search/blog/…
 
xguru 2021-04-29

Google、検索結果の順位にページ エクスペリエンス(Page Experience)指標を導入 https://ja.news.hada.io/topic?id=2197

  • Core Web Vitals

→ LCP : Largest Contentful Paint

→ FID : First Input Delay

→ CLS : Cumulative Layout Shift

Google スプレッドシートで Core Web Vitals を毎日自動測定する https://ja.news.hada.io/topic?id=2726