「うちのサイト、なんか重くない?」と感じたとき、まず試してほしいのがGoogleの無料ツール「PageSpeed Insights」です。URLを入れるだけで表示速度のスコアと改善提案が出てきますが、「数字が低くてどうしたらいいか分からない」という声もよく聞きます。この記事では、スコアの読み方と実際に取り組むべき改善ポイントを分かりやすく解説します。

PageSpeed Insightsとは

PageSpeed Insights(ページスピード インサイツ)は、Googleが提供する無料のサイト速度診断ツールです。URLを入力するだけで、そのページの表示速度を0〜100のスコアで評価し、改善すべき項目を一覧表示してくれます。

ツールへのアクセスはこちら: https://pagespeed.web.dev/

特別な登録やログインは不要で、誰でもすぐに使えます。

使い方:URLを入れてスコアを確認する

  1. ページにアクセスし、診断したいページのURLを入力します(トップページだけでなく、商品ページや問い合わせページも試してみると良いでしょう)
  2. 「分析」ボタンをクリックして数十秒待ちます
  3. モバイルとPCそれぞれのスコアが表示されます

スコアの見方

スコアは以下の基準で色分けされています。

スコア評価目安
90〜100緑(良好)問題なし
50〜89橙(要改善)改善の余地あり
0〜49赤(不良)早急な対応を推奨

モバイルのスコアはPCより低くなりやすいことを覚えておいてください。スマートフォンはPCに比べて処理能力が限られるため、同じサイトでもモバイルスコアが10〜20点低いのは珍しくありません。

Core Web Vitalsの3つの指標

スコアの中でも特に重要なのが「Core Web Vitals(コアウェブバイタル)」と呼ばれる3つの指標です。これらはGoogleの検索ランキングにも影響します。

LCP(Largest Contentful Paint)

ページを開いてから、最も大きなコンテンツ(メインビジュアル画像など)が表示されるまでの時間です。2.5秒以内が目標です。重い画像やサーバー応答の遅さが原因になりやすいです。

INP(Interaction to Next Paint)

ボタンをクリックしたときなど、ユーザーの操作に対してページが反応するまでの速さです。200ミリ秒以内が目標です。JavaScriptが多いサイトで悪化しやすい指標です。

CLS(Cumulative Layout Shift)

ページ読み込み中にコンテンツが突然ずれる「ガタつき」の度合いです。0.1以下が目標です。画像のサイズ指定がない場合や、後から読み込まれる広告・フォントが原因になります。

よくある改善提案とその意味

PageSpeed Insightsでよく表示される改善提案と、その意味をまとめます。

「適切なサイズの画像を使用する」

ページに表示されている画像のサイズ(ピクセル数)が、実際の表示サイズより大きすぎる場合に表示されます。例えば2000px幅の画像を400px幅で表示しているようなケースです。リサイズと圧縮で大きく改善できます。

「次世代フォーマットで画像を配信する」

JPEGやPNGより圧縮率の高いWebP形式への変換を提案しています。同じ画質でファイルサイズを大幅に小さくできます。

「レンダリングを妨げるリソースを排除する」

CSSやJavaScriptファイルの読み込みタイミングが原因で、ページの表示が遅れている場合に表示されます。WordPressの場合、プラグインの見直しや最適化プラグインの導入が有効です。

「効率的なキャッシュポリシーを使用する」

ブラウザキャッシュが適切に設定されていない場合に表示されます。一度読み込んだファイルを次回以降は再利用することで、2回目以降の表示が速くなります。

「サーバーの初期応答時間を短縮する」

サーバー自体の処理が遅いことを示します。レンタルサーバーのプランが低スペックだったり、WordPressのデータベースが肥大化していると起こりやすいです。

参考: サイトの表示が遅いときに確認したいこと 参考: WordPressサイトを速くする設定まとめ

スコアに一喜一憂しすぎない考え方

スコアが100点でなくても、実際の使い心地が問題なければ過度に心配する必要はありません。スコアはあくまで参考指標であり、測定のたびに多少変動することもあります。

まずは赤(0〜49)の項目を赤信号として対処し、橙は優先度を見ながら対応するという考え方が実務的です。特に「LCPが遅い」「重い画像がある」は費用対効果が高い改善になりやすいのでおすすめです。

まとめ

PageSpeed Insightsは、サイトの表示速度を無料で手軽に診断できる便利なツールです。スコアの色(緑・橙・赤)とCore Web Vitals(LCP・INP・CLS)の3指標を軸に確認し、優先度の高い項目から改善していきましょう。どこから手をつければいいか迷ったときは、Web Gearにご相談ください。サイトの状況を見ながら、現実的な改善プランをご提案します。

お問い合わせはこちら