サイトスピードとは?計測ツールの使い方と改善方法を徹底解説【2026年最新版】

表示が遅いとSEO的に不利?サイトスピードを改善するための測定ツールの使い方

「ホームページの表示が遅い気がする」「サイトスピードはSEOに影響するの?」「PageSpeed Insightsの使い方がよくわからない」そんなお悩みをお持ちではないでしょうか。

自社サイトの表示が遅いと感じていても、どこから手をつければいいかわからず、放置してしまっているWeb担当者の方は少なくありません。しかし、サイトスピードの遅さは見過ごせない問題です。表示の遅さは離脱率の上昇だけでなく、コンバージョン率の低下にも直結します。

さらに、Googleはページの表示速度をモバイル検索のランキング要素として採用しています。サイトスピードはSEO評価にも関わる重要な指標です。

本記事では、以下の3点をわかりやすく解説します。

  • サイトスピードがなぜ重要なのか(SEO・離脱率・CVRへの影響)
  • 無料で使える計測ツールの具体的な使い方
  • スコアを改善するための主な施策

「まず自社サイトの状態を把握したい」という方から「具体的な改善策を知りたい」という方まで、本記事を読めばサイトスピードへの対処法が一通り理解できます。

SEOで重要な施策はチェックリストにまとめました。サイトスピード以外にも気になることがある場合はぜひご活用ください。

SEOで重要なポイントが一覧でわかる! SEO対策チェックシート(Excel形式)のサムネイル SEO対策チェックシート(Excel形式) SEO対策における基本的なチェック項目を45項目ピックアップしたシートです。 サイトの構造からページタイトルやリンクの使い方まで「内部対策」を中心にSEO対策の基本が網羅されたチェックシートになっています。 Excel(エクセル)形式なので、すぐに編集... 無料でダウンロードする

なお、自分での改善が難しいと感じる場合は、Web幹事への無料相談もご活用ください。

【無料】サイトスピード改善について相談する

目次
  1. 1. サイトスピードとは?なぜ重要なのか
    1. 1-1. 検索ランキング(SEO)への影響
    2. 1-2. 離脱率・コンバージョン率への影響
    3. 1-3. ユーザー満足度への影響
  2. 2. モバイル・PCサイトの表示スピードを測定&改善案を提示する「PageSpeed Insights」
    1. 2-1. 「PageSpeed Insights」の使い方
    2. 2-2. 結果の見方
    3. 2-3. PageSpeed Insights 上で最適化された画像・JavaScript、CSSを受け取れる
  3. 3. Googleアナリティクスからもページ表示スピードを測定できる
    1. 3-1. Googleアナリティクスで複数ページの表示スピードを一度に確認する
    2. 3-2. PageSpeed Insights での分析
  4. 4. Lighthouseで詳細なパフォーマンス計測をする
    1. 4-1. Lighthouseの起動方法
    2. 4-2. 4つのスコアの意味
    3. 4-3. PageSpeed Insightsとの使い分け
    4. 4-4. サイトスピードの主な改善方法
    5. 4-5. 画像の最適化(圧縮・次世代フォーマット・遅延読み込み)
    6. 4-6. ①圧縮
    7. 4-7. ②次世代フォーマット(WebP)への変換
    8. 4-8. ③遅延読み込み(Lazyload)
    9. 4-9. HTML・CSS・JavaScriptの軽量化
    10. 4-10. ミニファイとは
    11. 4-11. 不要なプラグイン・スクリプトの削除
    12. 4-12. ブラウザキャッシュの活用
    13. 4-13. サーバーの応答時間(TTFB)の改善
  5. 5. サイトスピードを改善するための測定ツールの使い方 まとめ
    1. 5-1. ホームページの改善に関する相談はWeb幹事へ

サイトスピードとは?なぜ重要なのか

サイトスピードとは、ユーザーがWebページにアクセスしてから、コンテンツが完全に表示されるまでにかかる時間のことです。単純に「ページが開く速さ」と捉えられがちですが、実際にはSEO評価・離脱率・コンバージョン率・ユーザー満足度など、ビジネス成果に直結する複数の要素に影響を与えます。

Googleはサイトスピードを評価する指標として「コアウェブバイタル」を導入しています。コアウェブバイタルは、ページの読み込み速度・インタラクションの応答性・視覚的な安定性の3つの指標で構成されており、Googleの検索ランキングにも組み込まれています。

コアウェブバイタル(Core Web Vitals)とは?3つの指標の計測・改善方法やSEOへの影響を解説【2026年最新版】 | Web幹事 コアウェブバイタル(Core Web Vitals)とは?3つの指標の計測・改善方法やSEOへの影響を解説【2026年最新版】 | Web幹事 コアウェブバイタル(Core Web Vitals)とは、2021年6月にモバイル版から導入開始された、Googleのランキング評価要因として注目されている指標。オーガニック検索結果に影...

検索ランキング(SEO)への影響

Googleは2018年7月、モバイル検索においてページの表示速度を検索ランキングの要素として使用すると公式に発表しました。それ以降、極端に表示が遅いページは検索順位でのマイナス評価を受ける可能性があります。

ただし、表示速度を上げれば上げるほどランキングが上がるわけではありません。Googleが問題視するのは「極端に遅いページ」です。すでに十分なスコアを確保できているページに対して、さらなる改善コストをかける必要はありません。重要なのは、著しくスコアの低いページを見つけ出し、優先的に対処することです。

また、コアウェブバイタルはGoogleの「ページエクスペリエンスシグナル」の一部として評価されており、表示速度はSEOと切り離せない要素です。

SEO対策とは?上位表示のやり方・方法を初心者にわかりやすく解説【2026年最新版】 | Web幹事 SEO対策とは?上位表示のやり方・方法を初心者にわかりやすく解説【2026年最新版】 | Web幹事 コンテンツを検索結果で上位表示させるためのSEO対策のノウハウを徹底解説。3つのSEO対策、導入したいチェックツール、SEO対策で気になる5つの疑問など、この1記事でSEO全...

離脱率・コンバージョン率への影響

表示速度の遅さは、ユーザーの離脱率に直接影響します。Googleの調査データによると、ページの読み込み時間が1秒から3秒になると直帰率は32%増加し、1秒から5秒では90%、1秒から10秒では123%にまで上昇します。

コンバージョン率への影響も無視できません。表示が遅いページでは、ユーザーが商品ページや問い合わせフォームにたどり着く前に離脱してしまうケースが増えます。せっかく広告や検索流入でユーザーを集めても、表示速度がボトルネックになって機会損失が生じている可能性があるということです。

モバイルでは特にシビアで、読み込みに3秒以上かかると53%のユーザーが離脱するというデータもあります。スマートフォンからのアクセスが多いサイトほど、モバイルの表示速度改善は優先度の高い課題です。

ユーザー満足度への影響

表示速度はSEOや数値指標だけでなく、ユーザーの「体験の質」にも大きく関わります。ページが遅いと、ユーザーはストレスを感じてサイトへの印象が悪化し、次回以降の訪問やリピート購入の意欲が下がります。

逆に、快適に閲覧できるサイトはユーザーの滞在時間が伸び、ページ遷移数も増えます。サイトスピードの改善はUX(ユーザー体験)の改善そのものであり、ブランドへの信頼感向上や顧客満足度の底上げにもつながるのです。

「サイトが使いやすい」という印象はリピーターの獲得や口コミにも波及するため、サイトスピードの改善はビジネス成果に直結する投資と捉えることができます。

ホームページ制作におけるユーザビリティとは?意味・高め方も解説【2026年最新版】 | Web幹事 ホームページ制作におけるユーザビリティとは?意味・高め方も解説【2026年最新版】 | Web幹事

【無料】サイトスピード改善について相談する

モバイル・PCサイトの表示スピードを測定&改善案を提示する「PageSpeed Insights」

「PageSpeed Insights」は、Googleが無料で提供するサイトスピード計測ツールです。モバイルとデスクトップそれぞれの表示スピードをスコアで確認できるだけでなく、具体的な改善案も併せて提示してくれます。

まずはじめに試してほしいツールとして、PageSpeed Insightsをおすすめします。URLを入力するだけで使えるシンプルな操作性と、改善ファイルのダウンロード機能まで備えた実用性の高さが特長です。

PageSpeed Insightsはこちら

「PageSpeed Insights」の使い方

STEP1:PageSpeed InsightsのWebサイトにアクセスする

まずはPageSpeed Insightsのページを開きます。

[PageSpeedInsights]トップページ

STEP2:分析したいページのURLを入力する

「ウェブページのURLを入力」のフォームに、表示スピードを確認したいページのURLを入力します。ここでは例として、Web幹事のトップページ「https://web-kanji.com/」を入力します。URLを入力したら「分析」ボタンをクリックしてください。

[PageSpeedInsights]表示スピード分析URL入力

STEP3:結果を確認する

「分析」ボタンをクリックすると処理が始まり、しばらく待つと結果画面が表示されます。

[PageSpeedInsights]表示スピード分析中

[PageSpeedInsights]表示スピード分析結果画面

なお、結果画面の上部にはモバイルとデスクトップを切り替えるタブがあります。
スマートフォンからのアクセスが多いサイトは、まずモバイルのスコアを優先的に確認しましょう。

結果の見方

スコアの目安

分析結果の「パフォーマンス」スコアは0〜100の数値で表示されます。スコアの目安は以下のとおりです。

スコア

評価

90〜100

良好(Good):特別な対応は不要

50〜89

改善が必要(Needs Improvement)

0〜49

低速(Poor):早急な改善を推奨

[PageSpeedInsights]最適化スコア-Good

[PageSpeedInsights]最適化についての提案

フィールドデータとラボデータの違い

PageSpeed Insightsの結果には「フィールドデータ」と「ラボデータ」の2種類があります。

  • フィールドデータ:実際のユーザーがそのページを閲覧した際の計測値を集約したもの(Chrome UX Reportに基づく実測値)。データが蓄積されていない場合は表示されないことがあります。

  • ラボデータ:Lighthouseを使って制御された環境で計測したシミュレーション値。訪問者数が少ないページでも確認できます。

実際のユーザー体験を把握するにはフィールドデータが参考になりますが、改善施策の効果検証にはラボデータが有効です。両方をあわせて確認する習慣をつけましょう。

各セクションの見方

結果画面はスコアの下に3つのセクションが続きます。

  • 改善できる項目:対処することでスコアが上がる可能性が高い項目の一覧。
    各項目の「修正方法を表示」をクリックすると、具体的な改善内容を確認できます。

  • 診断:直接スコアには影響しないものの、パフォーマンスに関連する情報。
  • 合格した監査:すでに問題なく対応できている項目の一覧。

まず「改善できる項目」に絞って確認し、影響度の大きいものから順に対処するのが効率的です。

PageSpeed Insights 上で最適化された画像・JavaScript、CSSを受け取れる

PageSpeed Insightsには、改善案を提示するだけでなく、最適化済みのファイルをそのままダウンロードできる便利な機能があります。

スコアが低いページで「最適化についての提案」セクションを確認すると、画像の圧縮やJavaScript・CSSの軽量化に関する指摘が表示されます。各項目の「修正方法を表示」をクリックし、詳細を確認してみてください。

[PageSpeedInsights]最適化スコア-Low

[PageSpeedInsights]最適化についての提案の修正方法を表示

ページ下部に「このページ向けに最適化された画像、JavaScript、CSSリソースをダウンロードできます」という一文が表示されている場合、「画像、JavaScript、CSSリソース」のテキストリンクをクリックすることで、最適化済みファイルを「optimized_contents.zip」としてダウンロードできます。

[PageSpeedInsights]最適化についての提案-詳細.png

zipファイルを解凍すると、圧縮・最適化された画像やスクリプトファイルが入っています。画像をひとつひとつ手動でリサイズする手間が省けるのが大きなメリットです。

サーバーへのファイルアップロードを自分で行うことが難しい場合は、このファイルを制作会社または自社の開発チームに渡して対応を依頼しましょう。

【無料】サイトスピード改善について相談する

Googleアナリティクスからもページ表示スピードを測定できる

PageSpeed Insightsは特定のページを個別に計測するツールですが、サイト全体のページを一括で確認したい場合はGoogleアナリティクスが便利です。

すでにサイトにGoogleアナリティクスを導入している場合、追加のツール登録なしにページ表示スピードの一覧を確認できます。

Googleアナリティクスの設定方法&使い方【初心者向けスタートアップガイド】 | Web幹事 Googleアナリティクスの設定方法&使い方【初心者向けスタートアップガイド】 | Web幹事

Googleアナリティクスで複数ページの表示スピードを一度に確認する

Googleアナリティクスにログインしたら、左側のメニューから以下の順に操作します。
「行動」→「サイトの速度」→「速度についての提案」

[GA]メニュー選択

この画面では、サイト内のすべてのページに関する速度情報を一覧で確認できます。PageSpeed Insightsで1ページずつ確認する手間をかけずに、スピードに問題のあるページを効率よく洗い出せるのが大きなメリットです。

定期的にこの画面を確認する習慣をつけることで、新たに公開したページや更新後にスピードが低下したページをいち早く発見できます。

PageSpeed Insights での分析

一覧画面では各列をソートして確認できます。「PageSpeedスコア」が低い順、または「平均読み込み時間(秒)」が長い順に並び替えると、優先的に対応すべきページを素早く特定できます。

対応が必要なページを見つけたら、該当行の「PageSpeedの提案」をクリックしてください。

[GA]PageSpeed Insightsへの遷移

クリックすると、そのURLをPageSpeed Insightsで分析する画面が立ち上がり、結果が自動的に表示されます。

[GA]PageSpeed Insightsの自動分析

あとはPageSpeed Insightsのセクションでご紹介した手順と同様に、スコアや改善提案を確認し、必要に応じて最適化ファイルをダウンロードして対応しましょう。

Googleアナリティクスを起点にすることで、「スコアが低いページを見つける→PageSpeed Insightsで詳細を分析する→改善策を実施する」という一連の改善フローをスムーズに進めることができます。

【無料】サイトスピード改善について相談する

Lighthouseで詳細なパフォーマンス計測をする

「Lighthouse」は、Googleが開発したWebパフォーマンス計測ツールです。ChromeブラウザのデベロッパーツールにLighthouseが標準搭載されており、URLを入力するだけで使えるPageSpeed Insightsと異なり、自分のパソコン上のローカル環境で計測を実行できる点が特長です。

外部から計測するPageSpeed Insightsでは反映されないログイン後のページや開発中のステージング環境なども計測できるため、制作会社やエンジニアが開発・改善作業を進める際に特に役立ちます。

Lighthouse

Lighthouseの起動方法

  1. Google Chromeで計測したいページを開く
  2. 右上のメニューから「その他のツール」→「デベロッパーツール」を選択(またはF12キー / MacはCommand + Option + I
  3. デベロッパーツール上部のタブから「Lighthouse」を選択
  4. 計測したいカテゴリにチェックを入れ、「ページの読み込みを分析する」をクリック

4つのスコアの意味

Lighthouseでは以下の4カテゴリについて、それぞれ0〜100のスコアが表示されます。

カテゴリ

内容

Performance(パフォーマンス)

ページの読み込み速度や表示の速さ。

LCP・CLSなどコアウェブバイタルの指標も含まれる

Accessibility(アクセシビリティ)

視覚・聴覚に障害を持つユーザーを含む、

すべてのユーザーが利用しやすい設計かどうか

Best Practices(ベストプラクティス)

セキュリティやWeb標準に沿った実装がされているか

SEO

検索エンジンに正しくインデックスされるための基本的な設定が整っているか

サイトスピードの改善が目的であれば「Performance」スコアを最優先に確認しましょう。
スコアの目安はPageSpeed Insightsと同様で、90以上が良好、50〜89が改善が必要、49以下は早急な対応が推奨されます。

PageSpeed Insightsとの使い分け


PageSpeed Insights

Lighthouse

計測環境

Googleのサーバー(外部)

自分のパソコン(ローカル)

対応ページ

公開済みページのみ

開発中・ステージング環境も可

操作のしやすさ

URLを貼るだけで簡単

Chromeの開発者ツールを使用

主な用途

日常的な運用チェック

開発・改善時の詳細分析

日常的なサイトスピードの監視にはPageSpeed Insightsが手軽でおすすめです。一方で、改善施策を実施した効果をより細かく検証したい場合や、公開前のページを事前にチェックしたい場合はLighthouseを活用しましょう。

【無料】サイトスピード改善について相談する

サイトスピードの主な改善方法

計測ツールでスコアや問題点を把握したら、次は実際に改善施策を実施します。ここでは、サイトスピード改善において効果的な4つの施策を、難易度と効果の目安とともに解説します。
優先度の高いものから順に取り組むことで、効率よくスコアを改善できます。

施策

難易度

効果

画像の最適化

★☆☆ 低

★★★ 高

HTML・CSS・JavaScriptの軽量化

★★☆ 中

★★☆ 中

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

★★☆ 中

★★☆ 中

サーバーの応答時間(TTFB)の改善

★★★ 高

★★★ 高

画像の最適化(圧縮・次世代フォーマット・遅延読み込み)

サイトスピード改善の施策の中で、最も優先度が高く、かつ効果が出やすいのが画像の最適化です。ページの重さの大部分は画像ファイルが占めていることが多く、画像を適切に処理するだけで大幅なスピード改善が見込めます。主な手法は以下の3つです。

①圧縮

画像ファイルのサイズを小さくする最も基本的な施策です。無料の画像圧縮ツール「Squoosh」を使えば、画質を保ちながらファイルサイズを削減できます。PageSpeed InsightsのDLファイルを活用する方法も有効です。

②次世代フォーマット(WebP)への変換

WebPはGoogleが開発した画像フォーマットで、JPEGやPNGと比べてファイルサイズを大幅に削減できます。同等の画質を維持しながらJPEGの約25〜35%軽量化できるとされており、PageSpeed InsightsでもWebPへの変換が推奨されるケースが多くあります。SquooshはWebP変換にも対応しています。

③遅延読み込み(Lazyload)

ページを開いた瞬間に画面に表示されない画像を、必要になるまで読み込まないようにする手法です。WordPressを使用している場合、プラグインを導入することで簡単に実装できます。

初心者でもできるWordPress高速化の施策ランキングおすすめプラグインも紹介【プログラミング不要】【2026年最新版】 | Web幹事 初心者でもできるWordPress高速化の施策ランキングおすすめプラグインも紹介【プログラミング不要】【2026年最新版】 | Web幹事 SEO対策の一つとして、Googleがサイト表示高速化を強く勧めています。検索順位に影響するので重要です。そこで本記事では今やっておきたいWordPressの簡単な高速化施策をラ...

HTML・CSS・JavaScriptの軽量化

ページを構成するHTMLやCSS、JavaScriptファイルのサイズを削減することも、サイトスピード改善に有効です。主な手法として「ミニファイ(minify)」があります。

ミニファイとは

ミニファイとは、コードの可読性のために入れているスペース・改行・コメントなどを取り除き、ファイルサイズを小さくする処理です。コードの動作はそのままに、転送するデータ量を削減できます。WordPressの場合は専用のプラグインで自動的に対応できます。

不要なプラグイン・スクリプトの削除

WordPressではプラグインを追加するほどページ読み込み時に実行されるスクリプトが増え、スピードに悪影響を与えます。使っていないプラグインは停止するだけでなく削除することを推奨します。また、ページによっては不要なJavaScriptが読み込まれているケースもあるため、定期的に棚卸しを行いましょう。

SEOの内部対策とは?基本15のチェックリスト外部対策との違いも解説【2026年最新版】 | Web幹事 SEOの内部対策とは?基本15のチェックリスト外部対策との違いも解説【2026年最新版】 | Web幹事 内部対策は検索結果で上位表示されるために必ず理解しておくべきSEO対策。本記事では内部対策とは何かを解説した上で、最低限やっておくべき15の内部対策を紹介します。本...

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

ブラウザキャッシュとは、一度訪問したWebサイトのデータをユーザーのブラウザ側に一時保存しておく仕組みです。2回目以降のアクセス時にサーバーから再取得する必要がなくなるため、表示速度が大幅に向上します。

キャッシュの有効期限をサーバー側で設定することで、ブラウザキャッシュを活用できます。PageSpeed InsightsでもキャッシュのTTL設定が不十分な場合は改善提案として表示されます。

WordPressを使用している場合は「W3 Total Cache」や「WP Super Cache」などのキャッシュ専用プラグインを導入することで、専門的な知識がなくても設定可能です。ただし、キャッシュプラグインはサーバーの種類や他のプラグインとの相性によっては不具合が生じるケースもあるため、導入前に動作確認を行うことを推奨します。

初心者でもできるWordPress高速化の施策ランキングおすすめプラグインも紹介【プログラミング不要】【2026年最新版】 | Web幹事 初心者でもできるWordPress高速化の施策ランキングおすすめプラグインも紹介【プログラミング不要】【2026年最新版】 | Web幹事 SEO対策の一つとして、Googleがサイト表示高速化を強く勧めています。検索順位に影響するので重要です。そこで本記事では今やっておきたいWordPressの簡単な高速化施策をラ...

サーバーの応答時間(TTFB)の改善

TTFBとは、ブラウザがサーバーにリクエストを送ってから、最初の1バイトのデータが返ってくるまでの時間のことです。web.devの基準では0.8秒以下が良好とされており、これを超える場合はサーバー側に問題がある可能性が高いでしょう。

TTFBが長い主な原因として、サーバーの処理能力不足が挙げられます。特に低価格の共有レンタルサーバーを使用している場合、他のユーザーとリソースを共有するため、アクセスが集中した際に応答が遅くなることがあります。

画像の圧縮やキャッシュ設定で改善が見込めない場合、または常時TTFBが高い状態が続いている場合は、より高性能なサーバーへの移行を検討することが根本的な解決策になるでしょう。表示スピードはサーバーのスペックに直結するため、サーバー環境の見直しはサイト全体のパフォーマンス改善に大きく貢献します。

レンタルサーバー比較20選|失敗しない選び方も解説【2026年最新版】 | Web幹事 レンタルサーバー比較20選|失敗しない選び方も解説【2026年最新版】 | Web幹事 おすすめのレンタルサーバーを10個に絞って紹介します。料金やサイトの表示スピード、機能の豊富さなどから厳選。さらにはレンタルサーバーの選び方も解説しますので、初め...

【無料】サイトスピード改善について相談する

サイトスピードを改善するための測定ツールの使い方 まとめ

本記事では、サイトスピードの重要性と、計測・改善に役立つ4つのツールの使い方を解説しました。サイトスピードの改善において重要なのは、「すべてのページを完璧にする」ことではありません。極端にスコアが低いページを発見し、優先的に対処することが最も効果的なアプローチです。

画像圧縮やキャッシュ設定などの施策を実施してもスコアが改善しない場合は、サーバー環境そのものが原因である可能性があります。特に低スペックの共有サーバーを使用している場合は、高速レンタルサーバーへの移行がサイト全体のパフォーマンス改善に直結します。

サーバーの見直しも含めた抜本的な改善を検討している方は、ホームページのリニューアルとあわせて対策を進めるのも有効な選択肢です。

ホームページ(WEBサイト)リニューアルの進め方|実施タイミングや期間もわかりやすく解説【2026年最新版】 | Web幹事 ホームページ(WEBサイト)リニューアルの進め方|実施タイミングや期間もわかりやすく解説【2026年最新版】 | Web幹事

ホームページの改善に関する相談はWeb幹事へ

本記事の内容で、ホームページの表示スピードに関してご自身で測定・改善が可能になります。
ただし、

  • ある程度やってみたけど効果が出ない
  • スピード以外に何か問題があるのかもしれないが自身ではわからない

といった場合もあるかと思います。

その場合は是非、Web幹事で既存ホームページの改善相談ができる制作会社を探してみて下さい。

Web幹事は、あなたに最適なホームページ制作会社を「人力で」マッチングするサービス。

実際にWeb制作を経験したプロのコンサルタントが対応するため、業者選びの手間なく、質の高いマッチングを受けることが可能です!

無料で対応致しますので、ホームページ制作の見積もり・発注、その他ホームページについてお悩みの際はお気軽にご相談下さい!

【無料】ホームページについての悩みを相談する。

Q. サイトスピードが遅いとダメな理由は?

サイトの表示が遅いと、訪問したユーザーが途中で離脱する可能性が高くなり、Googleの検索結果で上位表示されにくくなるからです。

Q. サイトスピードを確認するツールは?

サイトスピードを確認するツールとして「PageSpeed Insights」「Test My Site」等が挙げられます。詳しくは記事をご覧ください。

制作会社5,000社の相場から算出

ホームページ制作
料金シミュレーター

ホームページ制作会社探しは
手間なしで
プロにお任せください

\ 相談・紹介・手数料はすべて無料です /
プロに依頼する
お電話でも承ります