- 公開日:
Core Web Vitalsの改善は本当に進んでいるか
- Authors
- Name
- 代表取締役 宮永邦彦
- @miyanaga
画像軽量化とWebフロントエンドのスピード改善の専門家です。Web系のIT技術大好き。
このサイトではスピード改善のリアルや、日々の技術的な気づきを共有します。
Core Web Vitalsが検索順位に影響すると言われて数年が経った。SEOに関わらず、サイトスピードに関心のあるサイトは少なくないだろう。
そこで日本の主要なECサイト100サイトについて、Core Web Vitalsが改善の方向に向かっているのか調査してみた。
やはり感覚のとおり、CLSは多くのサイトで改善済みだがLCPはほとんど改善が進んでいない実態が見えた。
CLSは順調に改善
まずはCLS (Cumulative Layout Shift・レイアウト変化の累積)の平均値の推移を見てみよう。以下は主要通販サイト100サイトのスマホ端末におけるCLS(75パーセンタイル)の月次推移だ。
SEOの文脈でCore Web Vitalsが注目を集めた2021年〜2022年にかけて大きく改善が進んだことがわかる。
サイト個別にCLSの推移を眺めていても、やはり同時期に値がほぼ0に近くまで改善できたケースが多い。
したがってCLSの値をほぼ0に完全化できたサイトと、改善が進んでいないサイトに二極化が進み、その結果として平均値が下落していると予想される。
CLSを改善するには
以下の記事に詳しく述べたので参考いただきたい。
LCPはほぼ横ばい
次にスマホ端末におけるLCP (Largest Contentful Paint・最大要素の表示時間)の75パーセンタイル平均値の推移だが、CLSと比べるとほぼ横ばいである。
当然、SEOのためにLCPも多くのサイトで改善が試みられたであろう。しかしほとんど上手くいっていなかったことがわかる。
この1年くらいはやや下落傾向にあるだろうか。今後の
LCPを改善するには
丁寧にコーディングすることで改善できるCLSに比べ、LCPの改善は確かに難しい。
加えて、画像軽量化がLCPの改善に効くといった誤解も蔓延している。
そのあたりを含め、以下の記事にLCPの改善のコツをまとめた。
INPはやや改善傾向
最後に新しい指標、INP (Interactive to Next Paint・操作から応答の描画まで)のスマホ端末における75パーセンタイル平均値の推移だ。
グラフの中央あたりの開始点に著しい変化があるが、これはデータの収集が始まって間もない時期なのでノイズとして無視してよいだろう。
それ以後はなんとなくだが、改善傾向にあるように見える。
ただ、多くのサイトでINPの改善アクションが効果的に進められている気配は感じない。
そのため改善傾向しているような傾向は見られるが、もしかしたらサイトの改善ではなく、端末やソフトウェアの進歩によるところが大きいのかもしれない。
INPの推移は今後も注視したい。
INPを改善するには
CLSやLCPはページの読み込みプロセスで評価される値だが、INPはユーザーの実際の操作に基づく指標だ。
そのためPageSpeed Insightsなどのツールでシミュレーションができず、また悪化の本当の原因も掴みにくい。
そこで弊社ではINP悪化の詳細ログをトラッキングするサービスを始めた。
また、関係性があると言われるTBT(Total Blocking Time)も含めたINPの改善術について以下の記事にまとめてある。
各サイトの詳細
以下のレポートで今回の集計に用いたスピード関連指標の詳細を確認できる。
データについて
GoogleはChromeユーザーから実際のサイト閲覧時の各種スピード関連指標を収集し、集計結果をCrUXとして公開している。
CrUXはBigQueryを用いて参照し、スマホについてのデータに絞り込んである。
主要ECサイトは、以下のデータを元に上位100サイトを対象とした。