Skip to content
Open menu
概要
ブログ
学習する
探検
パターン
Case studies
閉じる
Thanks for tuning in to Google I/O.
Watch the Chrome content on-demand.
Core Web Vitals
サイトの健全性の評価に不可欠となる指標。
Overview
Web 上での優れたユーザーエクスペリエンスの提供に不可欠な品質シグナルに関する統一されたガイダンスを提供するためのイニシアチブです。
Table of Contents
概要
Core Web Vitals 指標
Core Web Vitals を測定する
Core Web Vitals のデバッグを行う
Core Web Vitals を改善する
ベストプラクティス
概要
#
Web Vitals
The business impact of Core Web Vitals
Core Web Vitals 指標
#
Largest Contentful Paint (LCP)
First Input Delay (FID)
Cumulative Layout Shift (CLS)
Core Web Vitals の指標のしきい値の定義
Core Web Vitals を測定する
#
Web Vitals の測定を開始する
Core Web Vitals を測定するためのツール
実際のユーザー環境で Web Vitals を測定するためのベスト プラクティス
Why is CrUX data different from my RUM data?
Core Web Vitals のデバッグを行う
#
Why lab and field data can be different (and what to do about it)
Debug layout shifts
Debug performance in the field
Core Web Vitals を改善する
#
Largest Contentful Paint を最適化する
First Input Delay を最適化する
Cumulative Layout Shift を最適化する
ベストプラクティス
#
UX patterns optimized for Core Web Vitals
Best practices for carousels
Best practices for cookie notices
Best practices for fonts
Best practices for tags and tag managers
Best practices for using third-party embeds
Infinite scroll without layout shifts
WebVitalsのCSS
By
Chrome DevRel
