Core Web Vitals
とは何か
まず、Web Vitals
とは2020年にGoogleよって提案された、パフォーマンス・ユーザエクスペリエンスに関する指標群のこと。
そしてCore Web Vitals
とは、そのWeb Vitals
のサブセットであり、具体的には以下の3指標で構成される。
-
LCP(Largest Contentful Paint)
: 読み込みのパフォーマンスを計測する。良好なユーザエクスペリエンスには、このLCPをページの読み込みが開始されてから2.5秒以内に収める。 -
FID(First Input Delay)
: (UIの)応答性を測る指標。良好なユーザエクスペリエンスには、このFIDを100ミリ秒以下にする。 -
CLS(Cumulative Layout Shift)
: 見た目の安定性を測る指標。良好なユーザエクスペリエンスには、CLSスコアを0.1以下に維持する。
そして上記の指標において、これらをほとんどのユーザで体験できることを目指すのであれば、ページロードにおいて75パーセンタイル1に当たるところが良い閾値となるとのこと。
提案者のGoogleはCore Web Vitals
について以下のように説明している。
Core Web Vitals are the subset of Web Vitals that apply to all web pages, should be measured by all site owners, and will be surfaced across all Google tools.
Core Web Vitalsは、Web Vitalsのサブセットであり、(そしてそれは)全てのWebページに当てはまり(=適用することができる)、全てのサイトオーナーに計測されるべき、そして全てのGoogleのツールよって明らかにされることになる。
また併せて、
The metrics that make up Core Web Vitals will evolve over time.
Core Web Vitalsを構成するこれらの指標は、時がたつにつれて変更(改善)されていくだろう。
と今後適宜変更される可能性があることについても明言している。
Core Web Vitals
が計測可能なライブラリ・ツール
- web-vitals(npmライブラリ)
- Web Vitals Chrome Extension(Chrome拡張機能)
- LighthouseおよびChrome DevTools
- Chrome User Experience Report
- PageSpeed Insights
- Search Console (Core Web Vitals report)
Core Web Vitals
対応で期待できるビジネス的メリット
Core Web Vitals
は単なるエンジニアの自己満足的指標ではなく、これを改善することでビジネス上のメリットも十分期待できると言われ、実際にいくつかの国内メガベンチャーを含む世界中の多くのtech企業が有意なビジネス的成果を挙げているとの報告がある。
抜粋すると以下のとおり。
- Tencent Videoは、
Core Web Vitals
の基準を満たすことで、動画のCTRが70%向上 - Cdiscountは、3つの指標すべてを改善し、Black Fridayセールでの収益が6%増加
- Wixは、
Core Web Vitals
の基準を満たすことで、モバイルからのアクセスが前年比250%に増加 - Nykaaは、
LCP
を40%改善することで、T2/T3の都市からのオーガニックトラフィックが28%増加 - NIKKEI STYLEは、
LCP
を18%改善することで、セッションあたりのページビューが9%増加 - NDTVは、他のプロダクトの変更とともに
LCP
を半減させることで、直帰率が50%改善 - Agrofy Marketは、
LCP
を70%改善することで、読み込み中の離脱を76%削減 - Flipkartは、
Core Web Vitals
指標を改善することで、直帰率を2.6%削減 - Ameba Mangaは、
CLSスコア
を10分の1に改善することで、読まれたコミックの数が2〜3倍に増加 - Yahoo! Japanは、パフォーマンスの低いページの
CLS
を修正して98%削減することで、セッションあたりのページビューが15%増加 - AliExpressは、
CLS
を10分の1に、LCP
を半分に改善することで、直帰率が15%減少
参照
- Web Vitals - web.dev
- Google Developers Japan: Web Vitals の概要: サイトの健全性を示す重要指標
- Google Developers Japan: Core Web Vitals によるビジネス インパクト
-
75パーセンタイルはざっくり言うと、上位25%(下から数えて75%)に位置する値のこと。100人いたら下から75人までをカバーできる値。 ↩