ホームページの表示速度を改善する方法｜原因の特定から対策まで

ホームページの表示速度を改善するには、PageSpeed Insightsで原因を特定し、画像・サーバー・コードの中から優先度の高い箇所を1つずつ対策するのが近道です。この記事では、Core Web Vitals（LCP・INP・CLS）の基準値と合わせて、非エンジニアでも進められる改善手順を解説します。

ホームページの表示速度はPageSpeed Insightsでどう確認する？

表示速度が遅いと感じても、どこに原因があるかは体感だけでは分かりません。まずは無料ツールのPageSpeed Insightsに自社サイトのURLを入力し、スコアと指標を数値で確認します。モバイル版とパソコン版でスコアが分かれて表示されるため、両方をチェックしてください。数値がなければ、改善の優先順位も判断できません。

PageSpeed Insightsが示す指標の中核が、Googleの定めるCore Web Vitals（コア ウェブ バイタル）です。表示速度の体感を表すLCP、操作への反応速度を表すINP、レイアウトのガタつきを表すCLSの3つで構成され、それぞれに良好・要改善・不良の基準値があります。3指標をひとまとめに見るのではなく、どれが基準を下回っているかを個別に確認します。

Google Search Consoleでは、対象ページの75%以上が良好の基準を満たして初めて、そのページ群が良好と評価されます。1ページだけ計測して満足せず、トップページや主要な下層ページ、問い合わせフォームのページなど複数を確認することが実務上のポイントです。

Googleはモバイル版のページを優先して評価する「モバイルファーストインデックス」を採用しているため、まずはモバイル版のスコアを重点的に確認します。パソコン版のスコアだけで満足していると、実際の検索評価とズレが生じることがあるため注意してください。

表示が遅くなる主な原因

計測でスコアが低いと分かったら、次に原因を切り分けます。最も多いのは画像ファイルの容量が大きすぎるケースで、一眼レフやスマホで撮影した数MBの写真を圧縮せずそのままアップロードしているサイトも珍しくありません。1枚の画像が原因でページ全体が重くなることもあります。

次に多いのがサーバー・ホスティングの性能不足です。月額数百円〜千円台の安価な共用サーバーは、同じ環境に他社サイトも同居しているため、アクセスが集中する時間帯に応答が遅くなります。契約プランのグレードを一段上げるだけで改善するケースも少なくありません。

WordPressで構築している場合は、使っていないプラグインの蓄積もよくある原因です。プラグインが増えるほど読み込むコード量が増え、管理画面の動作だけでなく訪問者側の表示速度にも影響します。年に一度は使用状況を棚卸しすることをおすすめします。

見落とされがちな原因として、Webフォントの読み込みもあります。デザイン性を優先して複数の書体や太さを読み込んでいると、文字が表示されるまでに時間がかかり、体感速度を下げる要因になります。使用する書体の種類を絞るだけでも改善するケースがあります。

• 画像ファイルの容量が大きい（圧縮・リサイズ未対応）
• 共用サーバーでアクセス集中時に応答が遅い
• 不要なプラグイン・スクリプトが蓄積している
• フォントや装飾コードが最適化されていない
• キャッシュ・CDNが設定されていない
• 動画をそのまま自動再生で埋め込んでいる

画像とコードを軽くして表示速度を改善する方法

原因の多くを占める画像は、WebP形式への変換と圧縮で大幅に軽減できます。WebPは同じ画質でもJPEGやPNGよりファイルサイズを抑えられる画像形式で、主要ブラウザはすべて対応しています。既存の画像を一括変換できるプラグインやツールも複数あり、専門知識がなくても着手しやすい施策です。

画面の下の方にある画像は、遅延読み込み（レイジーロード）を設定すると、ページを開いた直後に読み込む画像の量を減らせます。多くのCMSでは設定項目を有効にするだけで対応でき、専門的なコード編集は不要な場合がほとんどです。動画の埋め込みも同様にサムネイル表示に切り替えると効果があります。

コード面では、使っていないCSS・JavaScriptの削除、ファイルの圧縮（ミニファイ）、ブラウザキャッシュの有効期限設定が基本です。WordPressであれば専用プラグインで自動化できますが、プラグイン自体が増えすぎないよう定期的な整理も忘れずに行います。

• 画像をWebP形式に変換し圧縮する
• 表示領域外の画像に遅延読み込みを設定する
• 未使用のCSS・JavaScriptを削除する
• ブラウザキャッシュの有効期限を設定する

サーバー・ホスティングを見直すポイント

画像・コードを最適化してもスコアが改善しない場合は、サーバー側がボトルネックになっている可能性があります。共用サーバーからより処理能力の高いプランやクラウド型ホスティングへの移行を検討します。移行前に現行プランのスペックと料金を確認しておくと比較がしやすくなります。

CDN（コンテンツ配信網）を導入すると、画像や静的ファイルを世界各地のサーバーにキャッシュし、訪問者から地理的に近い場所から配信できるようになります。アクセスが全国に分散している企業サイトほど、体感速度の改善効果を実感しやすい施策で、比較的低コストで導入できるサービスも増えています。

実際の支援現場でよくあるのは、原因を画像だと思い込んで圧縮だけを行い、実はサーバーの応答速度が遅いままだったというケースです。原因を1つに決めつけず、計測結果を見ながら複数の候補に優先順位をつけることが、遠回りを避ける実務上のコツになります。

サーバーの応答速度が遅いかどうかは、PageSpeed Insightsの診断結果に表示される「サーバーの応答時間」の項目でも確認できます。数値が大きく出ている場合は、契約中のホスティング会社のサポート窓口に相談するのも実務的な選択肢です。

改善後の効果測定と運用のポイント

対策を実施したら、PageSpeed Insightsで再計測し、変更前後のスコアと指標を記録します。1つの施策ごとに数値の変化を確認すると、何が効いたのか判断しやすくなり、次に手をつけるべき箇所も自然と見えてきます。記録を残す習慣が、継続的な改善につながります。

表示速度はSEOの評価要素の1つでもあるため、改善が検索順位や流入に反映されるまでには数週間かかることもあります。Google Search Consoleの「ウェブに関する主な指標」レポートで、実際の訪問者データの推移も定期的に確認します。

当社の支援先でも、表示速度の改善を含むSEO施策に取り組んだ結果、検索流入が1.8倍に伸びた事例があります（事例ページで公開しています）。表示速度は単独の指標ではなく、コンテンツやリンク構造の改善とあわせて継続的に取り組むことで、成果につながりやすくなります。

• PageSpeed Insightsのスコア（モバイル・パソコン）
• LCP・INP・CLSの3指標の推移
• Search Consoleの「ウェブに関する主な指標」レポート
• 検索流入数・直帰率の変化