web.dev
公式サイト:
概要
参考:
Performance Audits | web.dev [Official]
ウェブバイタル (Web Vitals)
- LCP (Largest Contentful Paint):最大視覚コンテンツの表示時間
- FID (First Input Delay):初回入力までの遅延時間
- CLS (Cumulative Layout Shift):累積レイアウトシフト
参考:
ウェブバイタル (Core Web Vitals) とは? 3つの重要指標である LCP / FID / CLS | ecbeing
コアウェブバイタルとは? LCP / FID / CLS をわかりやすく解説 | Web 担当者 Forum
Largest Contentful Paint (LCP) | web.dev [公式]
First Input Delay (FID) | web.dev [公式]
Cumulative Layout Shift (CLS) | web.dev [公式]
Google 検索へのページ エクスペリエンスの導入時期 | Google Developers [公式]
累積レイアウトシフト (Cumulative Layout Shift / CLS)
参考:
Core Web Vitals 改善:安定版 Chrome で大きな CLS を発生させている要素を特定する | 海外 SEO 情報ブログ
CLS (Cumulative Layout Shift) とは?低下の原因や測定方法、改善方法について解説 | アダムテクノロジーズ
Lighthouse 8.0 の Performance スコアと CLS | ミツエーリンクス
Google Core Update による CLS の変化と対策 | aumo Tech Blog
Cumulative Layout Shift (CLS) | web.dev [公式]
CLS 指標の進化 | web.dev [Official]
パフォーマンス指標
参考:
ユーザーを中心としたパフォーマンス指標 | web.dev [Official]
Lighthouse Performance Scoring | web.dev [Official]
Score Variability – GoogleChrome/lighthouse – GitHub
v8.0 Performance FAQ – GoogleChrome/lighthouse – GitHub
オンライン計測
ツール:
Search Console
参考:
ウェブに関する主な指標レポート | Search Console ヘルプ [公式]
ローカルで閲覧する
参考:
Puppeteer is My New Dev Server | Eric Bidelman
オンラインツール
Lighthouse Scoring Calculator | Lighthouse [Official]
リポジトリ
GoogleChrome/web.dev: Content Repository for web.dev – GitHub