PageSpeed Insightsとは？ホームページの表示速度を測る意味を解説

ホームページの表示速度は、単に「ページが早く開くかどうか」だけの問題ではありません。表示が遅いサイトは、ユーザーが途中で離脱しやすくなり、問い合わせ・購入・資料請求などの成果にも悪影響を与える可能性があります。

そこで活用したいのが、Googleが提供する無料ツール「PageSpeed Insights」です。URLを入力するだけで、Webページの表示速度やユーザー体験を測定し、改善点まで確認できます。タグの設置や難しい事前設定が不要なため、初心者でも使いやすいサイト診断ツールです。

この記事では、PageSpeed Insightsの基本、スコアの見方、Core Web Vitalsの重要指標、SEOとの関係、WordPressサイトで取り組みやすい改善策まで、実際のサイト運用に役立つ形で分かりやすく解説します。

PageSpeed Insightsとは

PageSpeed Insightsは、Googleが提供する無料のページ診断ツールです。Webページの表示速度を測定してスコア化し、改善方法や最適化案を提示してくれます。

使い方はとてもシンプルです。診断したいページのURLを入力するだけで、モバイルとデスクトップの両方についてレポートを確認できます。Googleアカウントがなくても使えると紹介されており、タグ設置などの事前設定も不要です。

PageSpeed Insightsは、ページ単位で診断できる点も大きな特徴です。トップページだけでなく、サービスページ、商品ページ、記事ページ、問い合わせページなど、成果に関係する重要なページを個別に確認できます。

Google公式のページ診断ツールとして広く使われている

PageSpeed Insightsは、Google公式のページ診断ツールとして広く使われています。表示速度だけでなく、ユーザー体験の観点でも診断できるため、SEO担当者、Web制作者、サイト運用担当者、ECサイト担当者など、幅広い立場の人に活用されています。

日本語の解説記事でも、PageSpeed Insightsは「改善提案まで見られる」「実ユーザー評価と診断の両面が分かる」「Core Web Vitalsの理解に役立つ」といった点が強調されています。

ホームページの表示速度を測る意味

ホームページの表示速度を測る意味は、大きく分けると「ユーザー離脱の抑制」「UX向上」「SEOへの配慮」の3つです。

表示が遅いとユーザーは離脱しやすい

ユーザーは、ページの読み込みに時間がかかると待たずに離脱しやすくなります。特にスマホ利用者では、通信環境や端末性能の影響を受けやすいため、速度の影響が大きくなります。

一般的に、3秒を超える表示は離脱増加の目安としてよく扱われます。もちろん業種やページ内容によって許容される待ち時間は変わりますが、サイト改善では2秒以内の表示を意識することが重要とされています。

表示速度はユーザビリティを左右する

表示速度は、ユーザビリティに直結します。どれだけ良い商品やサービスを紹介していても、ページが重く、ボタンが反応しにくく、表示がガタつくサイトは「使いにくい」と判断されやすくなります。

速いサイトは、滞在時間の増加、ページビュー改善、エンゲージメント向上につながりやすくなります。結果として、問い合わせや購入などのコンバージョン率向上にも寄与しやすくなります。

表示速度はSEO対策の一部でもある

Googleは表示速度をランキング要因として扱っており、表示速度の改善はSEO対策の一部です。検索順位はコンテンツの質、検索意図との一致、被リンク、サイト構造など多くの要素で決まりますが、遅いサイトは検索順位で不利になり得ます。

表示速度の改善は、SEOとUXの両方に効く土台づくりです。検索流入を増やすうえでも、ユーザーが快適に閲覧できる状態を整えることは重要です。

PageSpeed Insightsで確認できること

PageSpeed Insightsでは、単純な速度スコアだけでなく、ページのどこに改善余地があるのかを具体的に確認できます。

主に確認できる内容

確認項目	内容
モバイル評価	スマホ環境での表示速度やユーザー体験を確認できます。
デスクトップ評価	パソコン環境での表示速度やユーザー体験を確認できます。
ページ単位の診断	URLごとに診断できるため、重要ページ別に改善できます。
実ユーザー体験データ	Chrome UX Reportに基づく実際のユーザー体験を確認できます。
ラボデータ	Lighthouseでシミュレーションした診断結果を確認できます。
改善提案	画像、CSS、JavaScript、フォント、サーバー応答などの改善案を確認できます。

公式説明でも、PageSpeed Insightsはモバイルとパソコンの両方でレポートを提供し、改善方法に関する最適化案を提供するとされています。また、実際のユーザーの体験を反映するデータと、Lighthouseによる診断の両方を確認できます。

実ユーザーデータとラボデータの違い

PageSpeed Insightsを見るうえで特に重要なのが、「フィールドデータ」と「ラボデータ」の違いです。この2つを混同すると、スコアの意味を誤解しやすくなります。

フィールドデータは実際のユーザー体験を見るもの

フィールドデータは、実際のユーザーがページを利用したときの体験データです。PageSpeed Insightsの実ユーザーデータはChrome UX Report、通称CrUXに基づきます。

フィールドデータは、過去28日間の実ユーザー情報をもとに表示されます。そのため、実際の利用環境に近い体感を把握しやすいのが特徴です。ユーザーの端末、通信環境、地域、アクセス時間帯などが反映されるため、サイトの現実的な状態を判断する材料になります。

データが不足する場合もある

実ユーザーのデータが十分にない場合、ページ単位ではなくオリジン単位で表示されることがあります。オリジン単位とは、特定のページではなく、サイト全体に近いまとまりで評価されるイメージです。

また、アクセス数が少ないページなどでは、実ユーザーデータそのものが表示されないこともあります。この場合でも、ラボデータを使って改善点を確認できます。

ラボデータは固定条件でのシミュレーション

ラボデータは、Lighthouseで固定条件のもとシミュレーションして取得される診断データです。実際の全ユーザー環境をそのまま反映するものではありませんが、不具合の切り分けに向いています。

たとえば、画像が重い、JavaScriptが多い、CSSの読み込みが遅い、サーバー応答が遅いといった問題を発見する際に役立ちます。

フィールドデータとラボデータは一致しないことがある

フィールドデータとラボデータは、必ずしも一致しません。フィールドデータは実利用の体感把握に向いており、ラボデータは原因調査や改善前後の比較に向いています。

そのため、PageSpeed Insightsでは「実際のユーザーはどう感じているか」と「技術的にどこを直せるか」を分けて見ることが大切です。

Core Web Vitalsと主要指標の見方

PageSpeed Insightsは、Core Web Vitalsの確認に役立ちます。Core Web Vitalsは、ページの読み込み速度、操作への応答性、レイアウトの安定性を測る重要な指標です。

Core Web Vitalsの主要指標

指標	意味	見るべきポイント
LCP	主要コンテンツの表示速度を示します。	ファーストビューの大きな画像や見出しが遅れていないかを確認します。
INP	操作への応答性を示します。	ボタンやメニュー操作後の反応が遅くないかを確認します。
CLS	レイアウトの安定性を示します。	読み込み中に画像やボタンがズレないかを確認します。

LCPは、ページ内の主要コンテンツがどれくらい早く表示されるかを示します。トップ画像、メインビジュアル、記事冒頭の大きな画像などが影響しやすい指標です。

INPは、ユーザーの操作に対してページがどれくらい早く反応するかを示します。JavaScriptが重い場合や、不要な処理が多い場合に悪化しやすい指標です。

CLSは、ページ読み込み中のレイアウトのズレを示します。画像サイズが指定されていない、広告や埋め込み要素の表示領域が確保されていない、Webフォントの読み込みで文字幅が変わるといった場合に悪化しやすくなります。

その他の重要な指標

指標	内容
FCP	最初のコンテンツ表示に関する指標です。
TTFB	サーバー応答の速さを示します。
TBT	メインスレッドのブロック時間を示します。
Speed Index	見た目として表示される速さを示します。

これらの指標を見ることで、改善対象を絞り込めます。たとえば、TTFBが悪ければサーバー応答やキャッシュを見直し、LCPが悪ければファーストビュー画像やCSSの読み込みを確認します。CLSが悪ければ、画像サイズ指定や広告枠の確保を見直します。

スコアとしきい値の判断基準

PageSpeed Insightsでは、速度評価が「良好」「改善が必要」「低い」の3段階で示されます。ラボのパフォーマンススコアは、90以上が良好、50〜89は改善が必要、50未満は不良とされます。

ラボスコアの目安

スコア	評価	判断の目安
90以上	良好	大きな問題は少ない状態です。ただし重要ページは継続確認が必要です。
50〜89	改善が必要	画像、JavaScript、CSS、フォント、サーバー応答などを見直す余地があります。
50未満	不良	ユーザー離脱や成果低下につながる可能性が高く、優先的な改善が必要です。

主要指標の良好基準

指標	良好とされる目安	改善の方向性
FCP	1800ms以下	初期表示に必要なCSS、フォント、画像を見直します。
LCP	2500ms以下	メイン画像、サーバー応答、レンダリングブロックを改善します。
CLS	0.1以下	画像サイズ指定、広告枠確保、フォント表示を調整します。
INP	200ms以下	JavaScriptの処理、不要なプラグイン、重いイベント処理を見直します。
TTFB	800ms以下	サーバー、キャッシュ、CDN、データベース処理を確認します。

Core Web Vitalsでは、75パーセンタイルが評価で重視されます。これは、一部の高速な環境だけでなく、多くのユーザーにとっての体感を重視する考え方です。

スコアだけを追いかけるのではなく、しきい値を見ながら改善優先度を判断することが大切です。特にLCP、INP、CLSは、ユーザー体験とSEOの両面で重要度が高い指標です。

表示速度がSEO・CVR・サイト成果に与える影響

ページ表示速度は、ユーザー体験とSEOの両面で重要です。Google検索は表示速度を評価要素に含めており、遅いサイトは検索順位で不利になり得ます。

SEOでは「快適に使えるページ」が土台になる

検索順位は表示速度だけで決まるわけではありません。しかし、表示が遅く、読みづらく、操作しにくいページは、ユーザーにとって良いページとは言えません。

表示速度の改善は、SEOとUXの両方に効きます。検索流入を増やすうえで、速く、安定して、使いやすいページを作ることは重要な土台です。

CVRや売上にも関係しやすい

速度低下は、問い合わせや購入などの成果にも悪影響を与えます。ECサイトでは、商品ページやカートページの表示が遅いだけで、購入前に離脱される可能性があります。

速いサイトは、コンバージョン率向上に寄与しやすく、ブランド信頼感の向上にもつながります。ページがスムーズに表示されるだけで、ユーザーは「きちんと運営されているサイト」と感じやすくなります。

クロールやインデックスにも影響し得る

速度は、インデックスやクロールにも影響し得ます。サイトが重く、サーバー応答が遅い状態が続くと、検索エンジンがページを効率よく取得しにくくなる可能性があります。

特にページ数が多いサイト、ECサイト、メディアサイト、地域ページを多く持つサイトでは、表示速度やサーバー応答を定期的に点検することが重要です。

PageSpeed Insightsで指摘されやすい改善策

PageSpeed Insightsは、ページの改善方法や最適化案を提示します。改善策はひとつだけで完了するものではなく、複数を組み合わせて使うのが基本です。

画像最適化

画像最適化は代表的な改善策です。画像ファイルが大きいと、LCPやSpeed Indexが悪化しやすくなります。

• 画像圧縮でファイルサイズを減らす
• WebPやAVIFなど適切な画像形式を選択する
• 不要に大きい画像を使わず、表示サイズに合わせる
• 遅延読み込みで初期表示を軽くする
• 画像サイズ指定でレイアウトの安定性を高める

ただし、ファーストビューのメイン画像まで遅延読み込みにすると、LCPが悪化する場合があります。重要な画像は先に読み込み、画面外の要素は後回しにする考え方が有効です。

CSSとJavaScriptの圧縮

CSSとJavaScriptの圧縮も有効です。不要な空白やコメントを削除することで、ファイルを軽量化できます。

• 不要なCSSを削除する
• 不要なJavaScriptを読み込まない
• CSSやJavaScriptを圧縮する
• ファイルの結合で読み込み回数を減らす
• JavaScriptの遅延読み込みを設定する

ただし、すべてのファイルを無理に結合すると、環境によっては逆に管理しにくくなる場合もあります。HTTP/2を利用しているサイトでは、同時読み込みを効率化できるため、結合よりも不要ファイルの削除や読み込み順の調整を優先した方がよいケースもあります。

HTMLの不要コード削除

HTMLの不要コード削除も改善につながります。使っていない埋め込みタグ、不要な装飾用コード、重複したタグ、使っていないプラグイン由来のコードが残っていると、ページが重くなる原因になります。

WordPressでは、テーマやプラグインが自動で読み込むコードが多くなりがちです。必要なページだけで読み込む設計にすることで、初期表示を軽くできます。

Webフォントの最適化

Webフォントの最適化も重要です。フォントの読み込みが遅いと、文字の表示が遅れたり、表示中にレイアウトがズレたりする可能性があります。

• font-displayを調整して表示制御する
• 重要なフォントをプリロードする
• フォント圧縮で容量を減らす
• 使用する太さや種類を絞る
• 日本語フォントの読み込み量を減らす

日本語フォントは容量が大きくなりやすいため、サイト全体で使うフォントを絞るだけでも改善につながる場合があります。

CDN・HTTP/2・ブラウザキャッシュの活用

CDNの利用で、画像やCSS、JavaScriptなどの配信速度を改善できます。ユーザーに近い配信拠点からファイルを届けられるため、アクセス地域が広いサイトでは特に効果を感じやすくなります。

HTTP/2の利用により、複数ファイルの同時読み込みを効率化できます。また、ブラウザキャッシュを活用すれば、再訪時の表示を速くできます。

サーバー応答の改善

TTFBが悪い場合は、サーバー応答改善が重要です。サーバーの性能、PHPのバージョン、データベースの状態、キャッシュ設定、不要なプラグインなどを確認します。

特にWordPressサイトでは、ページキャッシュ、オブジェクトキャッシュ、データベース最適化、不要プラグインの整理が効果的です。

WordPressサイトで優先したい速度改善

WordPressは便利な反面、テーマやプラグインの影響でページが重くなりやすいCMSです。PageSpeed Insightsで改善する場合は、点数だけでなく、実際の表示と成果に関係する部分を優先しましょう。

最初に見るべき改善ポイント

優先度	確認ポイント	改善内容
高	ファーストビュー画像	画像圧縮、適切なサイズ指定、WebP・AVIF化、必要に応じたプリロードを行います。
高	不要なプラグイン	使っていないプラグインを停止・削除し、読み込みコードを減らします。
高	キャッシュ	ページキャッシュ、ブラウザキャッシュ、サーバーキャッシュを適切に設定します。
中	CSS・JavaScript	不要ファイル削除、圧縮、遅延読み込み、ページ別読み込みを検討します。
中	Webフォント	font-display、プリロード、使用フォントの削減を行います。
中	サーバー応答	TTFBを確認し、サーバー性能やPHP・DB・キャッシュを見直します。

トップページだけでなく重要ページも確認する

PageSpeed Insightsはページ単位で診断できます。そのため、トップページだけでなく、問い合わせにつながるページ、商品ページ、サービスページ、記事ページも確認しましょう。

たとえば、トップページのスコアが良くても、実際に広告や検索から流入するランディングページが遅ければ成果に影響します。改善前後の比較で効果検証しやすい点も、PageSpeed Insightsの大きなメリットです。

リニューアル時の確認にも向いている

PageSpeed Insightsは、リニューアル時の確認にも向いています。デザインを新しくした結果、画像が重くなったり、アニメーションやJavaScriptが増えたりして、表示速度が悪化することがあります。

公開前後でスコアを比較し、LCP、INP、CLS、TTFBなどの指標を確認することで、リニューアルによる速度低下を早めに発見できます。

PageSpeed Insightsの活用シーン

PageSpeed Insightsは無料で使えるため、個人サイトでも法人サイトでも活用できます。専門的な設定が少なく始めやすく、初心者でもURL入力だけで確認しやすい点が魅力です。

サイト診断の入口として使いやすい

PageSpeed Insightsは、サイト診断の入口として使いやすいツールです。技術者だけでなく、Web担当者や運用担当者にも有用です。

「サイトが重い気がする」「広告からの問い合わせが少ない」「スマホで表示が遅い」「リニューアル後に順位が下がった気がする」といった場合、まずPageSpeed Insightsで現状を確認することで、改善の方向性を見つけやすくなります。

ECサイトの改善にも活用できる

ECサイトでは、商品ページ、カテゴリーページ、カートページ、決済前のページなど、表示速度が成果に直結しやすいページが多くあります。

速度改善はCVRの改善にもつながりやすく、サイト全体の成果改善に関係します。特にスマホ利用者が多いECサイトでは、モバイル対応の観点でも定期的な確認が必要です。

競合サイトとのざっくり比較にも使える

PageSpeed Insightsは、競合比較にも使える指標です。競合サイトのURLを入力すれば、ざっくりとした表示速度やユーザー体験の傾向を確認できます。

ただし、競合のスコアだけを見て優劣を決めるのは危険です。業種、ページ構成、計測タイミング、実ユーザーデータの有無によって結果は変わります。あくまで参考指標として使い、自社サイトの改善優先度を決める材料にしましょう。

定期計測で改善の進捗管理がしやすい

速度改善は、一度行って終わりではありません。画像追加、プラグイン追加、広告タグ追加、デザイン変更、サーバー負荷などによって、ページ速度は変化します。

PageSpeed Insightsを定期計測に使うことで、改善の進捗管理がしやすくなります。月1回、リニューアル前後、広告配信前、キャンペーン前など、タイミングを決めて確認すると効果的です。

まとめ

PageSpeed Insightsは、Googleが提供する無料のページ診断ツールです。URLを入力するだけで、モバイルとデスクトップの両方を評価でき、表示速度だけでなくユーザー体験の観点からも改善点を確認できます。

特に重要なのは、実ユーザー体験を反映するフィールドデータと、Lighthouseによるラボデータを分けて見ることです。フィールドデータは実利用の体感把握に向いており、ラボデータは不具合の切り分けや改善前後の比較に向いています。

Core Web Vitalsでは、LCP、INP、CLSが主要指標です。加えて、FCP、TTFB、TBT、Speed Indexなどを見ることで、画像、サーバー応答、JavaScript、CSS、フォント、レイアウト安定性など、改善すべき場所を絞り込めます。

表示速度の改善は、SEO対策の一部であり、UX向上、直帰率の低下、ページビュー改善、エンゲージメント向上、CVR改善、ブランド信頼感の向上にもつながりやすい施策です。

画像最適化、CSSとJavaScriptの圧縮、不要コード削除、Webフォント最適化、CDN、HTTP/2、ブラウザキャッシュ、サーバー応答改善などを組み合わせ、重要ページから継続的に改善していきましょう。

PageSpeed Insightsは、初心者でも始めやすく、個人サイト、法人サイト、ECサイト、メディアサイト、地域ビジネスサイトまで幅広く活用できます。サイト診断の入口として定期的に使い、検索流入と成果につながる快適なホームページを育てていくことが大切です。