web.dev

公式サイト:

web.dev [Official]

概要

参考:

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

Web Vitals | web.dev [公式]

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

オンライン計測

ツール:

Measure | web.dev [Official]

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

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA