PageSpeed Insightsの見方を解説

「PageSpeed Insightsで点数が低い」
「改善項目が多く出ているけれど、何から直せばよいか分からない」
「画像やJavaScriptの指摘が出ているが、意味が分からない」

このような場合に役立つのが、PageSpeed Insightsです。

PageSpeed Insightsは、Googleが提供しているページ速度の確認ツールです。
ホームページの表示速度や、改善できる項目を確認できます。

ただし、PageSpeed Insightsは点数だけを見るものではありません。
スコアだけに一喜一憂するのではなく、どの改善項目がユーザー体験やSEOに影響しやすいのかを見極めることが大切です。

この記事では、PageSpeed Insightsの見方について、
WordPressサイト運用とSEO改善の視点から分かりやすく解説します。

---

PageSpeed Insightsとは？

PageSpeed Insightsとは、ホームページの表示速度やパフォーマンスを確認できるGoogleの無料ツールです。

URLを入力すると、ページの読み込み状況や改善項目を確認できます。

主に、次のような内容を確認できます。

• ・モバイルとパソコンの表示速度
• ・ページのパフォーマンススコア
• ・画像の最適化状況
• ・JavaScriptやCSSの読み込み状況
• ・ユーザー体験に関わる指標
• ・改善できる項目

WordPressサイトでは、画像、プラグイン、テーマ、JavaScript、CSSなどの影響で表示速度が遅くなることがあります。

PageSpeed Insightsを使うことで、どこに改善余地があるのかを把握しやすくなります。

ただし、ツールの指摘をすべて完璧に直す必要はありません。

重要なのは、点数を上げることだけではなく、
実際のユーザーが快適にページを見られる状態に近づけることです。

---

見るべきポイント1｜モバイルとパソコンの結果

PageSpeed Insightsでは、モバイルとパソコンの結果が分かれて表示されます。

まず確認したいのは、モバイルの結果です。

現在、多くのユーザーはスマートフォンからホームページを見ています。

そのため、パソコンでは問題なく表示されていても、モバイルで遅い場合は注意が必要です。

特に、次のようなページはモバイル表示を重視して確認しましょう。

• ・トップページ
• ・サービスページ
• ・LP
• ・ブログ記事
• ・問い合わせページ
• ・制作実績ページ

モバイルで表示が遅くなる原因としては、画像が大きすぎる、不要なJavaScriptが多い、プラグインが重いなどが考えられます。

一方で、パソコンの結果が良くても、モバイルの結果が低いことはよくあります。

SEOや問い合わせ改善を考えるなら、
まずモバイルでユーザーが快適に見られるかを確認することが大切です。

---

見るべきポイント2｜スコアだけを見すぎない

PageSpeed Insightsでは、パフォーマンススコアが表示されます。

点数が高いほど良い状態に見えますが、スコアだけを見すぎるのは注意が必要です。

大切なのは、実際にユーザーがストレスなくページを見られるかどうかです。

たとえば、スコアが完璧でなくても、ページが十分に速く表示され、問い合わせ導線が分かりやすいサイトであれば、実務上は大きな問題にならない場合もあります。

反対に、スコアだけを上げようとして画像の画質を落としすぎたり、必要な機能を削除したりすると、サイトの印象や使いやすさが悪くなることもあります。

特にデザイン会社や制作会社のサイトでは、見た目の品質も大切です。

確認したいのは、次のような視点です。

• ・ファーストビューが遅すぎないか
• ・スマートフォンで読み込みにストレスがないか
• ・画像が重すぎないか
• ・問い合わせボタンがすぐ見えるか
• ・重要なページが快適に表示されるか

PageSpeed Insightsは、点数を競うためのものではありません。

改善すべき原因を見つけ、優先順位を決めるためのツールとして使うことが大切です。

---

見るべきポイント3｜画像に関する指摘

PageSpeed Insightsでよく出るのが、画像に関する指摘です。

WordPressサイトでは、画像が表示速度に大きく影響することがあります。

特に、ブログのアイキャッチ画像、制作実績画像、トップページのメイン画像、LPの画像などは容量が大きくなりやすいです。

画像関連でよくある指摘には、次のようなものがあります。

• ・適切なサイズの画像を使用してください
• ・次世代フォーマットでの画像配信
• ・効率的な画像フォーマット
• ・画像を適切に圧縮してください

これらの指摘が出た場合、まず確認したいのは画像の横幅と容量です。

たとえば、実際には横幅800px程度で表示されている画像に、横幅3000px以上の画像を使っている場合、過大画像として指摘されることがあります。

また、写真をPNG形式でアップしている場合も、画像容量が大きくなりやすいです。

改善方法としては、

• ・画像を表示サイズに合わせてリサイズする
• ・写真はJPGまたはWebPを使う
• ・画像圧縮を行う
• ・不要な画像を削除する
• ・ファーストビュー画像を優先的に軽くする

などがあります。

画像の最適化は、PageSpeed改善の中でも比較的取り組みやすい項目です。

まずは容量の大きい画像から見直すとよいでしょう。

---

見るべきポイント4｜JavaScript・CSSに関する指摘

PageSpeed Insightsでは、JavaScriptやCSSに関する指摘が出ることもあります。

WordPressサイトでは、テーマやプラグインによって多くのJavaScriptやCSSが読み込まれることがあります。

これらが多すぎると、ページ表示が遅くなる原因になる場合があります。

よくある指摘には、次のようなものがあります。

• ・使用していないJavaScriptの削減
• ・使用していないCSSの削減
• ・レンダリングを妨げるリソースの除外
• ・メインスレッド処理の最小化

これらは画像のリサイズよりも、対応が難しい場合があります。

無理に設定を変更すると、表示崩れや動作不具合が起きることもあります。

特に、次のような機能があるサイトでは注意が必要です。

• ・問い合わせフォーム
• ・予約機能
• ・スライダー
• ・アニメーション
• ・会員機能
• ・EC機能

JavaScriptやCSSの改善は、専門的な確認が必要になることがあります。

まずは不要なプラグインを減らす、使っていない機能を停止するなど、
安全にできる範囲から見直すのがおすすめです。

表示速度改善では、壊さずに改善することがとても大切です。

---

改善項目の優先順位を決める考え方

PageSpeed Insightsで多くの改善項目が出ると、何から直せばよいか迷うことがあります。

すべてを一度に直す必要はありません。

まずは、効果が出やすく、比較的安全に対応できる項目から進めることが大切です。

優先順位としては、次のように考えると分かりやすいです。

• ・重い画像をリサイズ、圧縮する
• ・写真をJPGやWebPに変換する
• ・不要なプラグインを停止、削除する
• ・キャッシュ設定を確認する
• ・JavaScriptやCSSの最適化を検討する

また、すべてのページを同じ優先度で改善する必要もありません。

まずは、次のような重要ページから確認するとよいでしょう。

• ・トップページ
• ・サービスページ
• ・問い合わせにつながるLP
• ・検索流入が多いブログ記事
• ・広告から流入するページ
• ・制作実績ページ

特に、問い合わせに近いページの表示速度が遅い場合は、早めに改善したいところです。

PageSpeed Insightsは、サイト全体を一気に直すためではなく、
どのページのどの問題から改善するかを判断するために使うと実務に活かしやすくなります。

---

まとめ｜PageSpeed Insightsは改善の優先順位を決めるために使う

PageSpeed Insightsは、ホームページの表示速度や改善項目を確認できる便利なツールです。

ただし、スコアだけを見て判断するのではなく、
実際のユーザー体験や問い合わせ導線への影響を考えて見ることが大切です。

確認したいポイントは、次のとおりです。

• ・モバイルとパソコンの結果を分けて見る
• ・スコアだけを見すぎない
• ・画像に関する指摘を確認する
• ・JavaScriptやCSSの指摘は慎重に対応する
• ・重要ページから優先して改善する

特にWordPressサイトでは、画像、プラグイン、テーマ、キャッシュ設定などが表示速度に影響します。

まずは、重い画像や不要なプラグインなど、改善しやすいところから進めるのがおすすめです。

大阪本町を拠点とする株式会社リバースでは、
WordPress保守・サイト改善・SEOを意識したブログ更新・内部リンク整理・画像最適化など、
Webサイト運用に関するサポートを行っています。

「PageSpeed Insightsの見方が分からない」
「改善項目が多く、何から直せばよいか迷っている」
そんな場合は、まず重要ページの画像や表示速度から確認していくことが大切です。

ホームページ・WordPressでお困りの方へ
表示不具合・WordPressのトラブル・保守管理・サイトリニューアルなど、状況に合わせてご相談ください。

→緊急対応はこちら
→WordPress保守はこちら
→制作会社様の外注相談
→サイトリニューアル相談

“