絞れば、出てくる、アイディア。

WEBサイトやブログの状態を確認できる
Pagespeed Insightsの指標の見方

インターネット上には無数のWEBサイトやブログが存在し、インターネットの利用者は常に新しい情報を求めています。その中で、ユーザーにとって閲覧にストレス無いWEBサイトやブログを提供することは非常に重要です。ページの読み込みが遅いと、ユーザーはすぐに他のサイトへ移ってしまいます。ここで役立つのが、Googleが提供する「Pagespeed Insight」というツールです。

Pagespeed Insightは、WEBサイトやブログのパフォーマンスを評価し、具体的な改善提案を提供してくれます。今回の記事では、Pagespeed Insightの各評価項目について詳しく詳しく紹介します。

ぜひWEBサイトやブログの状態の把握や改善に役立ててみてください！

INDEX

Pagespeed Insightsとは？
Largest Contentful Paint (LCP)
Interaction to Next Paint (INP)
Cumulative Layout Shift (CLS)
First Contentful Paint (FCP)
First Input Delay（FID）
Time to First Byte（TTFB）

1. Pagespeed Insightとは？

ワードプレスで作成したウェブサイトやブログの読み込み速度やパフォーマンスを確認するには、Googleが提供する「PageSpeed Insights（ページスピードインサイト）」というツールを利用できます。

URLを挿入するだけで自分のブログやWEBサイトだけでなく、あらゆるサイトの状態やパフォーマンスを無料で確認できるツールです。Googleアカウントでのログインの必要もなく、簡単に使用できます。

↑URLを入力して「分析」をクリックすると、様々な指標についての数値が表示されます。
携帯電話（スマートフォン）で閲覧したときと、デスクトップで閲覧した時で実際のユーザーの環境で評価されます。

↑今回の記事では、Pagespeed Insightsで確認できる6つの指標について紹介します！

2. LCP（Largest Contentful Paint）

LCPは、ページが読み込まれてから「一番大きなコンテンツ（画像や大きなテキスト）」が完全に表示されるまでの時間を測ります。ページの主要な部分がどれだけ早く見えるようになるかを評価します。

↑メインとなる画像やテキストが表示される時間が2.5秒以内であれば良い状態、2.5秒以上4秒以内であれば改善の余地あり、4秒以上であれば見直しが必要とされています。

↑「メインとなる画像やテキスト」とは、ページの一番目立つ要素のことです。
weblemonのトップページの場合は、「#Howto、#Marketing、#Creative、#Design」4つのテキストがメインとなる要素となります。

この場合、ページが読み込まれる時にこの4つのテキストが完全に表示されるまでの時間が「LCP」となります。

3. INP（Interaction to Next Paint）

INPは、ウェブページの「応答性」を測るための指標です。ウェブページが読み込まれた後、ユーザーはクリックやタップなどの操作をしますが、これに対してページがどれだけ速く反応するかを測ります。

↑ウェブページ内のボタンやリンクなどの要素をクリックした際の反応速度が0.2秒（200m秒）以内であれば良い状態、0.2秒（200m秒）以上0.5秒（500m秒）以内であれば改善の余地あり、0.5秒（500m秒）以上であれば今すぐ見直しが必要です。
※m秒（ミリ秒）とは0.001秒（1000分の１秒）です。

INPは、ページ滞在中のすべての操作に対する反応時間を測定し、その中で最も遅かった反応時間を基準に評価します。