TOP オンライン販売支援 採用支援 🎯 成果報酬型プラン 実績 会社概要 ブログ 無料相談(無料)
お知らせ

表示速度がSEOと離脱率に与える影響——PageSpeed Insightsの読み方と改善方法

📅 公開:2025年6月26日
✍️ 山田 祐輔
📝

「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のスコアが低い」という方は、まずは無料で現状診断をしますのでお気軽にご相談ください。

山田 祐輔 山田 祐輔
山田 祐輔
株式会社メディレクション 代表取締役 / Web業界歴10年以上

専業アフィリエイター・EC責任者・Webマーケ会社を経て2022年に独立、2024年に法人化。「作って終わり」ではなく売れる・採れる仕組みをまるごと設計するのが強み。Shopify・LP・Web広告・kintone・LINE構築まで代表自ら一気通貫で対応。枚方市を拠点に、日本全国の中小企業・スタートアップを支援中。

Shopify LP制作 Web広告 kintone LINE構築 EC運営
10年+
Web業界歴
30件+
支援実績
2,000
最大月商達成
← 前の記事
ShopifyとWordPressどちらを選ぶべき?用途別の比較と選び方ガイド
TOP オンライン販売支援 採用支援 成果報酬型プラン 実績 会社概要 ブログ 無料相談(無料)