LCPの改善方法とは？測定に便利なツールや確認方法を解説

内部施策・SEO周辺技術
2021-5-28
更新日: 2021-6-1
nomashuya

「Core Web Vitals（コアウェブバイタル・CWV）」とは、2020年5月にGoogleが発表した、Webサイトの健全性・使いやすさを示す重要な指標です。CWVは検索順位に影響するため改善は必至であり、頭を悩ましているWeb担当者の方も多いのではないでしょうか。
本記事では、CWVの指標の1つである「LCP」（ページの読み込み速度）の改善方法について解説します。

>>1,000社を超える多業種での実績あり！弊社のSEOコンサルティングについてはこちら

1 Core Web Vitals（コアウェブバイタル・CWV）とは
2 LCP（Largest Contentful Paint）とは
3 LCPのスコア低下要因（影響要素）
4 LCPの測定ツールと確認方法
5 LCPの改善方法
6 まとめ

Core Web Vitals（コアウェブバイタル・CWV）とは

Core Web Vitals（コアウェブバイタル・CWV）とは、2020年5月にGoogleが発表した、Webサイトの健全性、使いやすさを示す重要な指標です。

ユーザーエクスペリエンスと呼ばれる、ユーザーがページに訪れた際に感じること・経験の質を数値で可視化することで、より良いWebサイトをユーザーに届ける狙いがあります。

具体的には、以下の3つの指標で評価されます。

LCP（ページの読み込み速度）
FID（インタラクティブ性、応答性）
CLS（ページレイアウトなどの視覚的安定性）

参考：Web Vitals の概要: サイトの健全性を示す重要指標 | Google Developers

コアウェブバイタルは、2021年6月より段階的に検索結果に反映されていく予定であると、Googleから発表されています。

Webサイト制作に関わる方々にとっては、検索順位に大きく影響する可能性が高いため、早急な改善が求められます。

LCP（Largest Contentful Paint）とは

LCPとは、前述の通りコアウェブバイタルの指標の1つであり、ページのメインコンテンツが読み込まれる速度を指します。

参考：最大のコンテンツフルペイント（LCP） | Google Developers

評価基準は以下の3段階です。

2.5秒未満：良好
4.0秒以内：改善が必要
4.0秒越え：不良

後述するツールを利用すれば、簡単に測定できます。

LCPのスコア低下要因（影響要素）

LCPのスコアは、どのような要素が影響し評価されるのでしょうか。
以下、4点解説します。

画像などのリソースの読み込みが遅い

LCPで低スコアになる大きな原因は、主に画像に関するものが多いです。
ユーザーに有益なコンテンツを届ける為に魅力的な画像を活用するのはよいことですが、LCPの観点からは注意が必要です。

Webサイトを作る際には、できるだけ画像を圧縮したり、必要のない画像は添付しないようにすることを心がけましょう。

CSSやJavaScriptによるレンダリングブロック

Webサイト構築におけるCSSやJavaScriptも、読み込み時間に影響を与えます。

私達が目にするWebサイトは、ブラウザが受け取った情報をサーバーに送信し、変換して返信する流れを経て、表示されます。
その際変換されるのは、サイト構築に必要なHTMLやCSS、JavaScriptといったコードです。
中でもCSSやJavaScriptは、イラストや動きに使うものなので負荷もかかります。

そのため、情報量や動きが多すぎると読み込み時間に大幅な遅れが出てしまいます。
言語情報においても、不要なコードの削除や圧縮が必要です。