Webサイトの表示速度改善ガイド|遅いと失うものと今日できる対策

Webサイトの表示速度改善ガイド|遅いと失うものと今日できる対策

「サイトはあるのに問い合わせが来ない」「広告を出してもなかなか成果につながらない」——そんなとき、デザインや文章を疑う前に確認してほしいのがWebサイトの表示速度です。ページが開くまでに数秒待たされるだけで、訪問者の多くは内容を読む前に離脱してしまいます。せっかく集めたアクセスが、表示の遅さだけで静かに失われている——中小企業のサイトでは決して珍しくない状況です。

結論から言うと、表示速度の改善は「専門業者に丸投げしないとできない高度な施策」ではなく、画像圧縮やプラグイン整理など今日から自分で着手できる部分が大きい領域です。本記事では、表示速度が遅いと具体的に何を失うのか、Core Web Vitals(LCP・INP・CLS)のやさしい読み方、PageSpeed Insightsでの測定手順、そして効果の大きい順に並べた改善アクションと「業者に頼むべき範囲」の線引きまで、実務目線で解説します。

この記事でわかること
  • 表示速度が遅いサイトが失うもの(離脱・CV・広告費・検索評価)
  • Core Web Vitals(LCP・INP・CLS)の意味と合格ライン
  • PageSpeed Insightsで自社サイトを測定する手順と見るべき数字
  • 今日できる表示速度改善5つと、その優先順位・所要時間の目安
  • 速度改善でCV数がどれくらい変わり得るかの試算例
  • 自分でやる範囲と業者に依頼すべき範囲の線引き
目次

表示速度が遅いと何を失うのか?——離脱・CV・広告費・検索評価

まず、表示速度の遅さが引き起こす損失を整理します。失うものは大きく4つ——訪問者(離脱)、成約(CV)、広告費の効率、そして検索エンジンからの評価です。

表示に3秒かかると、半数以上が離脱し得る

Googleが公表した調査(2017年)では、モバイルページの読み込み時間が長くなるほど直帰の確率が跳ね上がるとされています。目安として広く引用されている数字が下表です。

読み込み時間の変化直帰確率の変化(Google公表データより)
1秒 → 3秒直帰確率が約32%増加
1秒 → 5秒直帰確率が約90%増加
1秒 → 6秒直帰確率が約106%増加
1秒 → 10秒直帰確率が約123%増加

また同じくGoogleの調査では、モバイルサイトの表示に3秒以上かかると訪問の約53%が離脱するというデータも示されています。つまり表示に3秒かかるサイトは、コンテンツを読んでもらう前に半分の見込み客を失っている可能性があるということです。

広告費と検索評価にも波及する

損失は自然流入だけにとどまりません。広告でクリックを買っても、遅いLP(ランディングページ)では表示前に離脱されるため、クリック課金だけ発生してCVにつながらない——実質的に広告費を捨てる構図になりやすいのです。さらにGoogleはページ表示速度とCore Web Vitalsをランキング要因のひとつとして扱っており、極端に遅いサイトは検索順位の面でも不利になり得ます。速度は「ユーザー体験・広告効率・SEO」の3方向に同時に効く土台なのです。

速度は「順位を上げる魔法」ではない

誤解されがちですが、速度を上げれば順位が急上昇するわけではありません。速度は「遅すぎると減点され得る足切り要素」に近く、改善の主目的はあくまで離脱を減らしCVを守ること。順位への効果はその副産物と捉えるのが実務的です。

Core Web Vitalsとは?LCP・INP・CLSをやさしく解説

表示速度の話で必ず出てくるのがCore Web Vitals(コアウェブバイタル)。Googleが定めた「ユーザー体験の健康診断項目」で、現在は次の3指標です。難しく聞こえますが、意味はシンプルです。

LCP
メインコンテンツが表示されるまでの速さ
(目標:2.5秒以内)

INP
タップやクリックへの反応の速さ
(目標:200ミリ秒以内)

CLS
表示中のレイアウトのズレにくさ
(目標:0.1以下)

それぞれを日常の言葉に置き換えると、LCP=「ページの主役(メイン画像や見出し)が出るまで何秒待たされるか」、INP=「ボタンを押したとき即反応するか」、CLS=「読んでいる途中に画面がガクッとズレないか」です。CLSは速度そのものではありませんが、「押そうとしたボタンがズレて誤タップした」という典型的なストレスを数値化したものです。

指標良好改善が必要不良
LCP(表示の速さ)2.5秒以内2.5〜4.0秒4.0秒超
INP(反応の速さ)200ミリ秒以内200〜500ミリ秒500ミリ秒超
CLS(ズレにくさ)0.1以下0.1〜0.250.25超

中小企業のサイトでまず問題になりやすいのはLCP(大きすぎる画像が原因のケースが大半)と、CLS(サイズ指定のない画像や後から差し込まれるバナーが原因)です。INPが悪化するのは重いJavaScriptを多用するサイトが中心で、一般的な会社サイトでは優先度が下がることが多いです。

まず現状を測る:PageSpeed Insightsの使い方と見るべき数字

改善の前に、必ず現在地を測ります。使うのはGoogleの無料ツールPageSpeed Insights。URLを入れるだけで、上記3指標を含む診断結果と改善提案が表示されます。

PageSpeed Insightsに自社URLを入力する

「PageSpeed Insights」で検索してツールを開き、トップページのURLを入力して「分析」を押します。トップだけでなく、広告の遷移先LPや問い合わせページなど「成果に直結するページ」も個別に測るのがポイントです。ページごとに速度は大きく異なります。

「携帯電話」タブの実際のユーザーデータを見る

結果は「携帯電話」と「デスクトップ」に分かれます。多くの業種でアクセスの過半はスマホなので、まず携帯電話タブを確認。上部に出る「実際のユーザーの環境で評価する」がCore Web Vitalsの実測値で、ここが「合格」かどうかが最重要です(アクセスが少ないサイトでは表示されないこともあります)。

「改善できる項目」から原因を特定する

下にスクロールすると「改善できる項目」に原因候補が並びます。「適切なサイズの画像」「次世代フォーマットでの画像配信」「使用していないJavaScriptの削減」あたりが上位に出ていれば、次章の改善アクションがそのまま効きます。点数(0〜100)そのものに一喜一憂せず、LCP・CLSの秒数と改善項目を見るのがコツです。

当機構には「業者にリニューアルを提案されたが本当に必要か」というご相談が多く寄せられます。実際に測ってみると、原因は撮影したままの巨大な写真データだけ——画像圧縮とキャッシュ設定でLCPが数秒単位で改善し、リニューアル不要と判断できたケースも少なくありません。まず測る、が鉄則です。

今日できる表示速度改善5つ——効果の大きい順に

ここからが本題です。専門知識がなくても着手できる改善を、効果と手軽さのバランスが良い順に並べました。まず優先順位表で全体を掴んでください。

優先施策期待効果難易度所要時間の目安
1画像の圧縮・リサイズ大(LCP改善の本丸)30分〜2時間
2WebP形式への変換中〜大30分(プラグインなら自動)
3画像の遅延読み込み30分
4不要プラグインの整理低〜中1時間
5キャッシュの設定中〜大1〜2時間
画像を圧縮・リサイズする

スマホで撮った写真は1枚3〜5MBあることも珍しくなく、これをそのままアップしているのが遅さの最大原因になりがちです。表示幅に合わせてリサイズ(横幅1200〜1600px程度で足りる場合が多い)し、圧縮ツール(TinyPNG等の無料サービスや、WordPressならEWWW Image Optimizer等のプラグイン)で1枚200〜300KB以下を目安に軽量化します。既存画像の一括圧縮ができるプラグインを使えば、過去分もまとめて処理できます。

WebP形式に変換する

WebP(ウェッピー)は、JPEGやPNGより同じ画質でファイルサイズを2〜3割ほど小さくできる画像形式で、主要ブラウザはすでに対応済みです。画像圧縮系プラグインの多くはWebP自動変換機能を持っているので、設定をオンにするだけで新旧の画像を順次WebP配信に切り替えられます。

画像の遅延読み込み(lazy loading)を有効にする

遅延読み込みは「画面に映る直前まで画像を読み込まない」仕組みで、最初の表示を大きく軽くできます。最近のWordPressは標準で有効ですが、古いテーマやカスタマイズで無効化されている場合があります。注意点はひとつ、ファーストビューのメイン画像には遅延読み込みをかけないこと。主役の画像まで遅延させると、かえってLCPが悪化し得ます。

不要なプラグイン・タグを整理する

プラグインは1つ増えるごとに読み込むCSSやJavaScriptが増え、じわじわ速度を削ります。「有効化したまま使っていないもの」「機能が重複しているもの」を停止・削除しましょう。同様に、使っていない計測タグやSNSウィジェット、自動再生の埋め込み動画も見直し対象です。削除前にバックアップを取り、1つずつ停止して表示崩れがないか確認しながら進めるのが安全です。

キャッシュを設定する

キャッシュは「一度作ったページの完成品を使い回す」仕組みで、サーバーの処理時間を大きく短縮できます。エックスサーバー等のレンタルサーバーには管理画面から有効化できる高速化機能があり、まずはそれをオンに。WordPress側でキャッシュプラグインを使う場合は、サーバー側機能との二重掛けで不具合が出ることがあるため、どちらか一方から試してください。設定後は問い合わせフォームやカートが正常動作するか必ず確認します。

改善は「1つ実施→再測定」のサイクルで

複数の施策を一気にやると、効いたのがどれか分からず、不具合が出たときの切り分けもできません。1施策ごとにPageSpeed Insightsで再測定し、数値の変化をメモしておくと、費用対効果の判断材料が積み上がります。

数値シミュレーション:速度改善でCVはどれくらい変わり得るか

「速度改善に時間を割く価値があるのか」を判断するために、簡単な試算をしてみましょう。以下はあくまで例示ですが、考え方の型として使えます。

例:月間10,000セッション、直帰率60%、直帰しなかった訪問からのCVR2.5%のサイトを想定します。現状のCVは「10,000 × 40% × 2.5% = 月100件」。ここで表示速度の改善により直帰率が60%→52%に下がったとすると、コンテンツまで到達するセッションは4,000→4,800に増え、CVは「4,800 × 2.5% = 月120件」。CVRや流入数に一切手を付けなくても、CVが2割増える計算になります。

項目改善前(例)改善後(例)
月間セッション10,00010,000(変化なし)
直帰率60%52%
コンテンツ到達セッション4,0004,800
到達後CVR2.5%2.5%(変化なし)
月間CV数100件120件(+20%)

広告運用中のサイトならインパクトはさらに直接的です。同じ広告費でLP到達後の離脱が減れば、CPA(1件あたりの獲得コスト)はそのまま下がります。海外ではDeloitteが「表示速度0.1秒の改善でコンバージョンが約8%伸びた」とする調査を公表しており、速度改善は「地味だが確実に分母を守る施策」と言えます。もちろん実際の数値はサイトによって異なるため、前章のとおり自社で測定→改善→再測定のサイクルを回して検証してください。

どこまで自分でやる?業者に頼む範囲の線引き

速度改善は自力でできる範囲が広い一方、踏み込むと専門知識が必要な領域もあります。無理をしてサイトを壊しては本末転倒なので、線引きの目安を示します。

区分具体例判断の目安
自分でやる画像圧縮・WebP化・遅延読み込み・プラグイン整理・サーバー標準の高速化機能オン管理画面の操作で完結し、失敗しても元に戻せる
相談しながら自分でキャッシュプラグインの詳細設定・テーマ乗り換え・サーバープラン変更不具合リスクはあるが手順が確立している
業者に頼むJavaScript/CSSの削減・レンダリングブロック解消・CLSの構造的修正・サーバー移転作業コードやサーバー設定の変更を伴い、切り分けに専門知識が要る

業者に依頼する場合の費用は内容次第ですが、例としてスポットの速度チューニングで数万円〜20万円程度、サーバー移転を含む場合はそれ以上となるケースが多い印象です。依頼時のポイントは、「なんとなく速くしてほしい」ではなくPageSpeed Insightsの測定結果を添えて「モバイルのLCPを2.5秒以内にしたい」と数値で目標を伝えること。作業範囲が明確になり、見積もりの妥当性も比較しやすくなります。逆に、測定データの提示や改善根拠の説明がないまま高額なリニューアルを勧める提案には注意が必要です。

やりがちなNG:速度改善で逆効果になるパターン

最後に、当機構への相談でも見かける「良かれと思ってやって逆効果」の典型を挙げておきます。

  • 高速化プラグインの多重インストール:キャッシュ系・最適化系を複数入れると競合して表示崩れや真っ白画面の原因に。原則1つに絞る。
  • スコア100点を目指し込む:点数は目安であり、90点台後半を追う工数はCVにほぼ寄与しない。「モバイルでCore Web Vitals合格」で十分。
  • 画質を落としすぎる:圧縮しすぎて商品写真が粗くなれば信頼を損なう。圧縮後は必ずスマホ実機で見た目を確認。
  • バックアップなしの一括変更:プラグイン削除やキャッシュ設定の前にはバックアップを。戻せる状態を確保してから触る。

よくある質問(FAQ)

表示速度は何秒以内なら合格ですか?

目安は「モバイルでLCP2.5秒以内」です。PageSpeed Insightsの実測データ(Core Web Vitals)で「合格」と表示される状態を目指してください。総合スコアの点数は参考値なので、100点を追う必要はありません。

最も効果が出やすい改善はどれですか?

多くの中小企業サイトでは画像の圧縮・リサイズです。撮影データをそのまま掲載しているケースが多く、画像対策だけでLCPが数秒改善することもあります。まず画像、次にキャッシュ設定の順で着手するのがおすすめです。

表示速度を改善すると検索順位は上がりますか?

速度はランキング要因のひとつですが、影響は限定的で、速くしただけで順位が大きく上がるとは言えません。主目的は離脱防止とCV改善に置き、順位への効果は副次的なものと考えるのが現実的です。

スマホとPCの結果が大きく違います。どちらを優先すべきですか?

原則モバイル優先です。多くの業種でアクセスの過半がスマホであり、Googleの評価もモバイル基準が中心です。アクセス解析で自社の端末比率を確認し、主要な流入元の環境から改善しましょう。

改善作業でサイトが壊れないか不安です。何に気をつければよいですか?

作業前のバックアップ取得、施策を1つずつ実施して都度表示確認、キャッシュ系機能の二重掛け回避、の3点を守れば大きな事故はほぼ防げます。フォームやカートなど動きのある機能は設定変更後に必ず動作確認してください。

あわせて読みたい

まとめ:表示速度の改善は「今日できる守りの投資」

表示速度が遅いサイトは、訪問者・CV・広告費・検索評価という4つの資産を静かに失い続けます。逆に言えば、速度改善は新たな集客コストをかけずに、いま来ている訪問者からの成果を底上げできる数少ない施策です。まずPageSpeed Insightsで現状を測り、画像圧縮→WebP化→遅延読み込み→プラグイン整理→キャッシュ設定の順に、1つずつ実施と再測定を繰り返してください。モバイルでLCP2.5秒以内・Core Web Vitals合格が当面のゴールです。コード修正やサーバー移転など専門領域に踏み込む必要が出たら、測定データを添えて数値目標で業者に相談する——この線引きを守れば、費用も工数も無駄なく速度という土台を固められます。

「測ってみたが、どの数字をどう読めばいいか分からない」「業者の見積もりが妥当か判断できない」という段階のご相談も歓迎です。当機構では、中小企業のWebサイト改善を集客の全体設計と合わせて無料でアドバイスしています。

この記事の運営・監修

一般社団法人 中小企業集客支援機構(本部:大阪市都島区)

「埋もれた価値を、社会の力へ」を理念に、中小企業・スタートアップのマーケティングを支援する非営利団体です。広告運用(Google/Meta/LINE)、SEO・コンテンツマーケティング、クラウドファンディング支援、EC・D2C支援を主な領域とし、全国の事業者の集客を伴走支援しています。

本記事は、当機構に寄せられる相談事例と支援現場での知見をもとに構成しています。制度・各社サービスの仕様は変更される場合があるため、最新情報は各公式サイトをご確認ください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

■監修・運営
一般社団法人 中小企業集客支援機構

■主な領域
・広告運用(Meta / Google / LINE)
・SEO / コンテンツマーケティング
・クラウドファンディング支援
・EC / D2C支援

目次