- 更新日 2026.03.16
- カテゴリー SEO対策
サイトスピードとは?計測ツールの使い方と改善方法を徹底解説【2026年最新版】
「ホームページの表示が遅い気がする」「サイトスピードはSEOに影響するの?」「PageSpeed Insightsの使い方がよくわからない」そんなお悩みをお持ちではないでしょうか。
自社サイトの表示が遅いと感じていても、どこから手をつければいいかわからず、放置してしまっているWeb担当者の方は少なくありません。しかし、サイトスピードの遅さは見過ごせない問題です。表示の遅さは離脱率の上昇だけでなく、コンバージョン率の低下にも直結します。
さらに、Googleはページの表示速度をモバイル検索のランキング要素として採用しています。サイトスピードはSEO評価にも関わる重要な指標です。
本記事では、以下の3点をわかりやすく解説します。
- サイトスピードがなぜ重要なのか(SEO・離脱率・CVRへの影響)
- 無料で使える計測ツールの具体的な使い方
- スコアを改善するための主な施策
「まず自社サイトの状態を把握したい」という方から「具体的な改善策を知りたい」という方まで、本記事を読めばサイトスピードへの対処法が一通り理解できます。
SEOで重要な施策はチェックリストにまとめました。サイトスピード以外にも気になることがある場合はぜひご活用ください。
SEOで重要なポイントが一覧でわかる!
SEO対策チェックシート(Excel形式)
SEO対策における基本的なチェック項目を45項目ピックアップしたシートです。
サイトの構造からページタイトルやリンクの使い方まで「内部対策」を中心にSEO対策の基本が網羅されたチェックシートになっています。
Excel(エクセル)形式なので、すぐに編集...
無料でダウンロードする
なお、自分での改善が難しいと感じる場合は、Web幹事への無料相談もご活用ください。
サイトスピードとは?なぜ重要なのか
サイトスピードとは、ユーザーがWebページにアクセスしてから、コンテンツが完全に表示されるまでにかかる時間のことです。単純に「ページが開く速さ」と捉えられがちですが、実際にはSEO評価・離脱率・コンバージョン率・ユーザー満足度など、ビジネス成果に直結する複数の要素に影響を与えます。
Googleはサイトスピードを評価する指標として「コアウェブバイタル」を導入しています。コアウェブバイタルは、ページの読み込み速度・インタラクションの応答性・視覚的な安定性の3つの指標で構成されており、Googleの検索ランキングにも組み込まれています。
検索ランキング(SEO)への影響
Googleは2018年7月、モバイル検索においてページの表示速度を検索ランキングの要素として使用すると公式に発表しました。それ以降、極端に表示が遅いページは検索順位でのマイナス評価を受ける可能性があります。
ただし、表示速度を上げれば上げるほどランキングが上がるわけではありません。Googleが問題視するのは「極端に遅いページ」です。すでに十分なスコアを確保できているページに対して、さらなる改善コストをかける必要はありません。重要なのは、著しくスコアの低いページを見つけ出し、優先的に対処することです。
また、コアウェブバイタルはGoogleの「ページエクスペリエンスシグナル」の一部として評価されており、表示速度はSEOと切り離せない要素です。
離脱率・コンバージョン率への影響
表示速度の遅さは、ユーザーの離脱率に直接影響します。Googleの調査データによると、ページの読み込み時間が1秒から3秒になると直帰率は32%増加し、1秒から5秒では90%、1秒から10秒では123%にまで上昇します。
コンバージョン率への影響も無視できません。表示が遅いページでは、ユーザーが商品ページや問い合わせフォームにたどり着く前に離脱してしまうケースが増えます。せっかく広告や検索流入でユーザーを集めても、表示速度がボトルネックになって機会損失が生じている可能性があるということです。
モバイルでは特にシビアで、読み込みに3秒以上かかると53%のユーザーが離脱するというデータもあります。スマートフォンからのアクセスが多いサイトほど、モバイルの表示速度改善は優先度の高い課題です。
ユーザー満足度への影響
表示速度はSEOや数値指標だけでなく、ユーザーの「体験の質」にも大きく関わります。ページが遅いと、ユーザーはストレスを感じてサイトへの印象が悪化し、次回以降の訪問やリピート購入の意欲が下がります。
逆に、快適に閲覧できるサイトはユーザーの滞在時間が伸び、ページ遷移数も増えます。サイトスピードの改善はUX(ユーザー体験)の改善そのものであり、ブランドへの信頼感向上や顧客満足度の底上げにもつながるのです。
「サイトが使いやすい」という印象はリピーターの獲得や口コミにも波及するため、サイトスピードの改善はビジネス成果に直結する投資と捉えることができます。
ホームページ制作におけるユーザビリティとは?意味・高め方も解説【2026年最新版】 | Web幹事
モバイル・PCサイトの表示スピードを測定&改善案を提示する「PageSpeed Insights」
「PageSpeed Insights」は、Googleが無料で提供するサイトスピード計測ツールです。モバイルとデスクトップそれぞれの表示スピードをスコアで確認できるだけでなく、具体的な改善案も併せて提示してくれます。
まずはじめに試してほしいツールとして、PageSpeed Insightsをおすすめします。URLを入力するだけで使えるシンプルな操作性と、改善ファイルのダウンロード機能まで備えた実用性の高さが特長です。
「PageSpeed Insights」の使い方
STEP1:PageSpeed InsightsのWebサイトにアクセスする
まずはPageSpeed Insightsのページを開きます。
STEP2:分析したいページのURLを入力する
「ウェブページのURLを入力」のフォームに、表示スピードを確認したいページのURLを入力します。ここでは例として、Web幹事のトップページ「https://web-kanji.com/」を入力します。URLを入力したら「分析」ボタンをクリックしてください。
STEP3:結果を確認する
「分析」ボタンをクリックすると処理が始まり、しばらく待つと結果画面が表示されます。
なお、結果画面の上部にはモバイルとデスクトップを切り替えるタブがあります。
スマートフォンからのアクセスが多いサイトは、まずモバイルのスコアを優先的に確認しましょう。
結果の見方
スコアの目安
分析結果の「パフォーマンス」スコアは0〜100の数値で表示されます。スコアの目安は以下のとおりです。
|
スコア |
評価 |
|
90〜100 |
良好(Good):特別な対応は不要 |
|
50〜89 |
改善が必要(Needs Improvement) |
|
0〜49 |
低速(Poor):早急な改善を推奨 |
フィールドデータとラボデータの違い
PageSpeed Insightsの結果には「フィールドデータ」と「ラボデータ」の2種類があります。
-
フィールドデータ:実際のユーザーがそのページを閲覧した際の計測値を集約したもの(Chrome UX Reportに基づく実測値)。データが蓄積されていない場合は表示されないことがあります。
- ラボデータ:Lighthouseを使って制御された環境で計測したシミュレーション値。訪問者数が少ないページでも確認できます。
実際のユーザー体験を把握するにはフィールドデータが参考になりますが、改善施策の効果検証にはラボデータが有効です。両方をあわせて確認する習慣をつけましょう。
各セクションの見方
結果画面はスコアの下に3つのセクションが続きます。
-
改善できる項目:対処することでスコアが上がる可能性が高い項目の一覧。
各項目の「修正方法を表示」をクリックすると、具体的な改善内容を確認できます。
- 診断:直接スコアには影響しないものの、パフォーマンスに関連する情報。
- 合格した監査:すでに問題なく対応できている項目の一覧。
まず「改善できる項目」に絞って確認し、影響度の大きいものから順に対処するのが効率的です。
PageSpeed Insights 上で最適化された画像・JavaScript、CSSを受け取れる
PageSpeed Insightsには、改善案を提示するだけでなく、最適化済みのファイルをそのままダウンロードできる便利な機能があります。
スコアが低いページで「最適化についての提案」セクションを確認すると、画像の圧縮やJavaScript・CSSの軽量化に関する指摘が表示されます。各項目の「修正方法を表示」をクリックし、詳細を確認してみてください。
ページ下部に「このページ向けに最適化された画像、JavaScript、CSSリソースをダウンロードできます」という一文が表示されている場合、「画像、JavaScript、CSSリソース」のテキストリンクをクリックすることで、最適化済みファイルを「optimized_contents.zip」としてダウンロードできます。
zipファイルを解凍すると、圧縮・最適化された画像やスクリプトファイルが入っています。画像をひとつひとつ手動でリサイズする手間が省けるのが大きなメリットです。
サーバーへのファイルアップロードを自分で行うことが難しい場合は、このファイルを制作会社または自社の開発チームに渡して対応を依頼しましょう。
Googleアナリティクスからもページ表示スピードを測定できる
PageSpeed Insightsは特定のページを個別に計測するツールですが、サイト全体のページを一括で確認したい場合はGoogleアナリティクスが便利です。
すでにサイトにGoogleアナリティクスを導入している場合、追加のツール登録なしにページ表示スピードの一覧を確認できます。
Googleアナリティクスの設定方法&使い方【初心者向けスタートアップガイド】 | Web幹事
Googleアナリティクスで複数ページの表示スピードを一度に確認する
Googleアナリティクスにログインしたら、左側のメニューから以下の順に操作します。
「行動」→「サイトの速度」→「速度についての提案」
この画面では、サイト内のすべてのページに関する速度情報を一覧で確認できます。PageSpeed Insightsで1ページずつ確認する手間をかけずに、スピードに問題のあるページを効率よく洗い出せるのが大きなメリットです。
定期的にこの画面を確認する習慣をつけることで、新たに公開したページや更新後にスピードが低下したページをいち早く発見できます。
PageSpeed Insights での分析
一覧画面では各列をソートして確認できます。「PageSpeedスコア」が低い順、または「平均読み込み時間(秒)」が長い順に並び替えると、優先的に対応すべきページを素早く特定できます。
対応が必要なページを見つけたら、該当行の「PageSpeedの提案」をクリックしてください。
クリックすると、そのURLをPageSpeed Insightsで分析する画面が立ち上がり、結果が自動的に表示されます。
あとはPageSpeed Insightsのセクションでご紹介した手順と同様に、スコアや改善提案を確認し、必要に応じて最適化ファイルをダウンロードして対応しましょう。
Googleアナリティクスを起点にすることで、「スコアが低いページを見つける→PageSpeed Insightsで詳細を分析する→改善策を実施する」という一連の改善フローをスムーズに進めることができます。
Lighthouseで詳細なパフォーマンス計測をする
「Lighthouse」は、Googleが開発したWebパフォーマンス計測ツールです。ChromeブラウザのデベロッパーツールにLighthouseが標準搭載されており、URLを入力するだけで使えるPageSpeed Insightsと異なり、自分のパソコン上のローカル環境で計測を実行できる点が特長です。
外部から計測するPageSpeed Insightsでは反映されないログイン後のページや開発中のステージング環境なども計測できるため、制作会社やエンジニアが開発・改善作業を進める際に特に役立ちます。
Lighthouseの起動方法
- Google Chromeで計測したいページを開く
- 右上のメニューから「その他のツール」→「デベロッパーツール」を選択(またはF12キー / MacはCommand + Option + I)
- デベロッパーツール上部のタブから「Lighthouse」を選択
- 計測したいカテゴリにチェックを入れ、「ページの読み込みを分析する」をクリック
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を使用している場合、プラグインを導入することで簡単に実装できます。
HTML・CSS・JavaScriptの軽量化
ページを構成するHTMLやCSS、JavaScriptファイルのサイズを削減することも、サイトスピード改善に有効です。主な手法として「ミニファイ(minify)」があります。
ミニファイとは
ミニファイとは、コードの可読性のために入れているスペース・改行・コメントなどを取り除き、ファイルサイズを小さくする処理です。コードの動作はそのままに、転送するデータ量を削減できます。WordPressの場合は専用のプラグインで自動的に対応できます。
不要なプラグイン・スクリプトの削除
WordPressではプラグインを追加するほどページ読み込み時に実行されるスクリプトが増え、スピードに悪影響を与えます。使っていないプラグインは停止するだけでなく削除することを推奨します。また、ページによっては不要なJavaScriptが読み込まれているケースもあるため、定期的に棚卸しを行いましょう。
ブラウザキャッシュの活用
ブラウザキャッシュとは、一度訪問したWebサイトのデータをユーザーのブラウザ側に一時保存しておく仕組みです。2回目以降のアクセス時にサーバーから再取得する必要がなくなるため、表示速度が大幅に向上します。
キャッシュの有効期限をサーバー側で設定することで、ブラウザキャッシュを活用できます。PageSpeed InsightsでもキャッシュのTTL設定が不十分な場合は改善提案として表示されます。
WordPressを使用している場合は「W3 Total Cache」や「WP Super Cache」などのキャッシュ専用プラグインを導入することで、専門的な知識がなくても設定可能です。ただし、キャッシュプラグインはサーバーの種類や他のプラグインとの相性によっては不具合が生じるケースもあるため、導入前に動作確認を行うことを推奨します。
サーバーの応答時間(TTFB)の改善
TTFBとは、ブラウザがサーバーにリクエストを送ってから、最初の1バイトのデータが返ってくるまでの時間のことです。web.devの基準では0.8秒以下が良好とされており、これを超える場合はサーバー側に問題がある可能性が高いでしょう。
TTFBが長い主な原因として、サーバーの処理能力不足が挙げられます。特に低価格の共有レンタルサーバーを使用している場合、他のユーザーとリソースを共有するため、アクセスが集中した際に応答が遅くなることがあります。
画像の圧縮やキャッシュ設定で改善が見込めない場合、または常時TTFBが高い状態が続いている場合は、より高性能なサーバーへの移行を検討することが根本的な解決策になるでしょう。表示スピードはサーバーのスペックに直結するため、サーバー環境の見直しはサイト全体のパフォーマンス改善に大きく貢献します。
サイトスピードを改善するための測定ツールの使い方 まとめ
本記事では、サイトスピードの重要性と、計測・改善に役立つ4つのツールの使い方を解説しました。サイトスピードの改善において重要なのは、「すべてのページを完璧にする」ことではありません。極端にスコアが低いページを発見し、優先的に対処することが最も効果的なアプローチです。
画像圧縮やキャッシュ設定などの施策を実施してもスコアが改善しない場合は、サーバー環境そのものが原因である可能性があります。特に低スペックの共有サーバーを使用している場合は、高速レンタルサーバーへの移行がサイト全体のパフォーマンス改善に直結します。
サーバーの見直しも含めた抜本的な改善を検討している方は、ホームページのリニューアルとあわせて対策を進めるのも有効な選択肢です。
ホームページ(WEBサイト)リニューアルの進め方|実施タイミングや期間もわかりやすく解説【2026年最新版】 | Web幹事
ホームページの改善に関する相談はWeb幹事へ
本記事の内容で、ホームページの表示スピードに関してご自身で測定・改善が可能になります。
ただし、
- ある程度やってみたけど効果が出ない
- スピード以外に何か問題があるのかもしれないが自身ではわからない
といった場合もあるかと思います。
その場合は是非、Web幹事で既存ホームページの改善相談ができる制作会社を探してみて下さい。
Web幹事は、あなたに最適なホームページ制作会社を「人力で」マッチングするサービス。
実際にWeb制作を経験したプロのコンサルタントが対応するため、業者選びの手間なく、質の高いマッチングを受けることが可能です!
無料で対応致しますので、ホームページ制作の見積もり・発注、その他ホームページについてお悩みの際はお気軽にご相談下さい!
Q. サイトスピードが遅いとダメな理由は?
サイトの表示が遅いと、訪問したユーザーが途中で離脱する可能性が高くなり、Googleの検索結果で上位表示されにくくなるからです。
Q. サイトスピードを確認するツールは?
サイトスピードを確認するツールとして「PageSpeed Insights」「Test My Site」等が挙げられます。詳しくは記事をご覧ください。
この記事を書いた人
西風 陽介
専門分野: Webディレクション
株式会社ユーティル Webディレクター。大手SIerを経てWebの業界へ。システム開発やWebサービスを中心にWeb制作の現場に関わってきました。発注者の皆様の不安を少しでも取り除けるよう情報提供してまいります。
このライターの記事一覧