「Webサイトの表示速度なんて関係ない」と思っていませんか?Googleのデータによれば、ページの読み込みが1秒から3秒に遅くなるだけで、直帰率が32%上昇します。表示速度はSEOと売上の両方に直結する重要な指標です。この記事では、無料ツール「PageSpeed Insights」の読み方と具体的な改善方法を、実際の改善事例も交えて解説します。
表示速度がビジネスに与える3つの影響
影響①:SEOランキングへの影響
Googleは2021年6月から「Core Web Vitals」をSEOのランキング要因に組み込みました。これはページの表示速度・応答性・視覚的安定性を測る指標で、スコアが低いサイトは検索順位が下がりやすくなっています。
影響②:直帰率・離脱率への影響
Googleの調査によると、モバイルでの読み込み時間が長くなるにつれて直帰率が上昇します。
- 1秒 → 3秒:直帰率が32%上昇
- 1秒 → 5秒:直帰率が90%上昇
- 1秒 → 10秒:直帰率が123%上昇
影響③:コンバージョン率(CVR)への影響
Amazonは表示速度が0.1秒改善するごとに売上が1%増加したと報告しています。ECサイトでは特に、表示速度の改善がそのまま売上向上につながります。
PageSpeed Insightsの使い方
Google提供の無料ツール「PageSpeed Insights(pagespeed.web.dev)」にURLを入力するだけで、モバイル・PCそれぞれのスコアと改善提案が表示されます。
スコアの見方
- 90〜100(緑):良好。現状維持でOK
- 50〜89(オレンジ):改善の余地あり。優先度の高い項目から対応
- 0〜49(赤):要改善。早急な対応が必要
まずモバイルのスコアを確認しましょう。現代のWeb閲覧の6割以上がスマホからのため、モバイルスコアの方がSEOへの影響が大きいです。
Core Web Vitalsの3指標を理解する
LCP(Largest Contentful Paint):最大コンテンツの描画
ページの主要コンテンツが表示されるまでの時間。2.5秒以内が目標です。ヒーロー画像・大きなテキストブロックが影響します。
FID(First Input Delay):初回入力までの遅延
ユーザーが最初に操作(クリック・タップ)してから、ブラウザが応答するまでの時間。100ミリ秒以内が目標です。重いJavaScriptが影響します。
CLS(Cumulative Layout Shift):累積レイアウトシフト
ページ読み込み中にレイアウトがズレる量。0.1以下が目標です。「読もうとしたら文字がズレた」という体験を引き起こします。画像のサイズ指定がないことが主な原因です。
表示速度改善の具体的な方法(優先度順)
優先度★★★:画像を圧縮・最適化する
表示速度が遅い原因の50〜70%は画像ファイルの大きさです。以下の対策で劇的に改善できます。
- 画像圧縮:TinyPNG・Squoosh(無料)で圧縮してからアップロード
- WebP形式に変換:JPEGより25〜35%ファイルサイズを削減できる次世代フォーマット
- 適切なサイズで書き出す:横幅1,200px以上の画像をスマホ向けに使い回さない
- 遅延読み込み(Lazy Load):画面に表示される直前まで画像の読み込みを遅らせる
優先度★★★:不要なプラグインを削除する(WordPress)
WordPressサイトはプラグインが増えるほど重くなります。使っていないプラグインは削除し、同じ機能を持つプラグインは1つに統合しましょう。目安として10個以上のプラグインが有効化されているサイトは見直しが必要です。
優先度★★☆:キャッシュを設定する
一度読み込んだデータをブラウザ・サーバー側で保存(キャッシュ)することで、2回目以降のページ読み込みを高速化します。WordPressなら「WP Super Cache」「W3 Total Cache」などで設定可能です。
優先度★★☆:サーバーをアップグレードする
共有サーバーの安いプランを使っている場合、サーバー自体の処理速度がボトルネックになることがあります。エックスサーバー・ConoHaWING等の高速サーバーへの移行で、スコアが20〜30点改善するケースもあります。
優先度★☆☆:CSSとJavaScriptを最適化する
CSSとJavaScriptを「ミニファイ(不要なスペース・コメントを削除)」「結合(複数ファイルを1つに)」することで読み込み回数を減らせます。WordPressプラグイン「Autoptimize」で比較的簡単に対応できます。
改善の優先順位の決め方
PageSpeed Insightsの「改善できる項目」に表示される数値(節約できる時間)が大きいものから対応するのが効率的です。1項目の改善で0.5秒以上改善できる場合は最優先で対応しましょう。
メディレクションでは、サイトの表示速度診断・改善対応も承っています。「サイトが重い」「PageSpeed Insightsのスコアが低い」という方は、まずは無料で現状診断をしますのでお気軽にご相談ください。