Google PageSpeed Insightsの使い方と読み込み速度改善のポイント【Core Web Vitals対応】

Google PageSpeed Insightsとは

Google PageSpeed Insights（以下PSI）は、Googleが提供する無料のWebサイト速度測定・分析ツールです。調べたいWebサイトのURLを入力するだけで、読み込み速度をスコアで評価し、具体的な改善ポイントも提示してくれます。

モバイルとPC両方に対応しており、1回の分析で両デバイスの結果を確認できます。2021年以降はCore Web Vitals（コアウェブバイタル）という指標がGoogleのランキング要因として採用されており、PSIはそのデータも確認できる重要なツールです。

スコアの見方

PSIのスコアは100点満点で評価されます。スコアに応じて3段階に分類されます。

「低い（Poor）」：0点〜49点

改善点が多くある状態です。全世界のページを対象とした読み込み速度の中で、下位1/3にあたるスコアです。早急な改善が必要です。

「要改善（Needs Improvement）」：50点〜89点

平均的な表示速度ですが、まだ改善の余地があります。全世界の中間1/3にあたるスコアです。

「良好（Good）」：90点〜100点

表示スピードに関するパフォーマンスはほぼ良好な状態です。全世界の上位1/3にあたるスコアです。

Core Web Vitalsとは

2021年からGoogleのランキング要因に加わったCore Web Vitalsは、ユーザー体験を数値化した3つの指標です。PSIでも確認できます。

LCP（Largest Contentful Paint）

ページの主要コンテンツ（画像・テキストブロックなど最大の要素）が表示されるまでの時間です。2.5秒以内を目標にしましょう。

INP（Interaction to Next Paint）

ユーザーの操作（クリック・タップなど）に対するページの応答速度です。2024年3月にFIDに代わり新たな指標となりました。200ミリ秒以内が良好とされます。

CLS（Cumulative Layout Shift）

ページ読み込み中にレイアウトが突然ずれる現象（レイアウトシフト）の発生量です。0.1以下を目標にしましょう。

読み込み速度の改善方法

PSIが提示する改善項目は多岐にわたりますが、特に効果的な対策を紹介します。

1. 画像の最適化

最も効果が大きい改善項目の一つです。具体的には以下の対策が有効です。

• 次世代フォーマットへの変換：JPEGやPNGに代わり、WebPやAVIF形式を使用すると同等の画質でファイルサイズを大幅に削減できます
• 適切なサイズへのリサイズ：表示サイズより大きな画像を使用していないか確認する
• 遅延読み込み（Lazy Load）：スクロールして表示される画像に`loading=”lazy”`を設定し、初期読み込みを軽減する

2. ソースコードの最小化（Minify）

HTML・CSS・JavaScriptから余分な改行・スペース・コメントを削除・圧縮します。WordPressの場合はキャッシュ・最適化プラグイン（LiteSpeed CacheやW3 Total Cacheなど）で簡単に対応できます。

3. ブラウザキャッシュの活用

静的なリソース（CSS・JS・画像など）にキャッシュ期間を設定することで、再訪問時の読み込みを大幅に高速化できます。静的ファイルは1週間以上のキャッシュ期間が推奨されます。

4. レンダリングを妨げるリソースの排除

ページ表示を遅らせるCSSやJavaScriptのロードを最適化します。不要なCSSの削除や、JSの非同期読み込み（defer/async属性）が有効です。

5. サーバー応答時間の短縮（TTFB改善）

サーバーが最初の1バイトを返すまでの時間（TTFB: Time to First Byte）を短縮します。高性能なレンタルサーバーへの移行やCDN（コンテンツデリバリーネットワーク）の導入が効果的です。

まとめ

Google PageSpeed Insightsは、速度改善の問題点と改善策を可視化できる、無料で使える非常に便利なツールです。特にCore Web VitalsはGoogleのランキング要因でもあるため、定期的にスコアを確認することをおすすめします。

ただし、PSIで必ず100点を目指す必要はありません。サイトに必要な機能を犠牲にしてまでスコアを上げることは本末転倒です。実際のユーザー体験を重視しながら、優先度の高い改善から取り組んでいきましょう。

ホームページの表示速度改善でお困りの際は、大阪のホームページ制作会社・イーウェブ制作へお気軽にご相談ください。