Google I/O にご参加いただきありがとうございました。オンデマンドでコンテンツを視聴できます。 このページは Cloud Translation API によって翻訳されました。 web.dev コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Core Web Vitals サイトの健全性を示す基本的な指標。 Core Web Vitals について学ぶ ウェブ上で優れたユーザー エクスペリエンスを提供するために不可欠な品質シグナルに関する統一されたガイダンスを提供するイニシアチブ。 概要 Web Vitals Core Web Vitals のビジネスへの影響 ビジネスの意思決定者向けに Core Web Vitals を最適化する Core Web Vitals の指標 Largest Contentful Paint(LCP) Cumulative Layout Shift(CLS) Interaction to Next Paint(INP) Core Web Vitals の指標のしきい値の定義 Core Web Vitals を測定する ウェブに関する指標の測定を始める Google ツールを使用した Core Web Vitals のワークフロー 現場におけるウェブに関する指標の測定に関するベスト プラクティス CrUX データが RUM データと異なるのはなぜですか? Core Web Vitals のデバッグ ラボデータと実環境データに相違が生じる理由(および対処方法) レイアウト シフトをデバッグする 現場でパフォーマンスをデバッグ Core Web Vitals を改善する Largest Contentful Paint を最適化する Cumulative Layout Shift の最適化 次のペイントに対するインタラクションを最適化する おすすめの方法 Core Web Vitals 向けに最適化された UX パターン カルーセルに関するおすすめの方法 Cookie に関する通知のベスト プラクティス フォントに関するおすすめの方法 タグとタグ マネージャーのベスト プラクティス サードパーティの埋め込みを使用する際のベスト プラクティス レイアウト シフトなしの無限スクロール ウェブに関する指標用の CSS