SEO

サイト表示速度の改善方法|Core Web Vitals(LCP・INP・CLS)の最新基準と手順【2026年版】

ページ表示速度が遅いと離脱率が急上昇。2026年のCore Web Vitals(LCP・INP・CLS)の基準と改善手順を、中小企業向けに図解。今日から実装できる対策を紹介。

SHARE

この記事の要点

  • たった1秒の遅れが、これだけの差を生む
  • Core Web Vitalsとは何か(2026年版)
  • 正直、計測するまで「自分ごと」ではなかった

「ページが、なかなか開かない」。そう感じた瞬間、ユーザーの指はもう戻るボタンの上にあります。せっかく広告費をかけて呼び込んだ訪問者も、数秒の待ち時間で静かに去っていきます。もったいない話です。

表示速度は、見た目では気づきにくいです。けれど確実に売上を削っている、サイトの「静かな穴」です。本記事では、2026年時点のCore Web Vitals(コアウェブバイタル)の基準から、原因の見つけ方、今日から手を動かせる改善手順までを、専門用語をかみ砕いて解説します。

たった1秒の遅れが、これだけの差を生む

表示速度の遅延が直帰率に与える影響を示すグラフ

まず、現実を示す数字から。

Googleの調査(2017年)によれば、ページの表示が1秒から3秒になると、直帰する確率は32%上がります。1秒から5秒では90%、1秒から6秒では106%まで跳ね上がります。さらにモバイルでは、読み込みに3秒以上かかると訪問者の53%が離脱するという調査(2016年)もあります(出典:Think with Google)。半分以上が、本文を一行も読まずに消える計算です。

売上への影響も無視できません。Amazonの元エンジニアは、2006年ごろの社内実験で「表示が0.1秒遅くなると売上が1%下がった」と紹介しています。たった0.1秒。されど0.1秒。月商の1%が、読み込みの遅さで溶けていると考えると、背筋が伸びる経営者の方も多いはずです。

速度は、デザインの美しさやコピーの巧みさより前の段階で勝負が決まる要素。土俵に上がる前に、すでに負けています。そんな事態を避けるための話を、ここから具体的にしていきます。

Core Web Vitalsとは何か(2026年版)

Core Web Vitalsの3つの指標を示す図解

Core Web Vitalsは、Googleが定めた「ユーザー体験の良し悪し」を数値で測るための指標群です。検索順位の評価要素のひとつでもあり、SEOを語るうえで避けて通れません。中心となる指標は、次の3つです。

LCP(最大コンテンツの表示時間)

ページの中で一番大きな要素――多くの場合はメイン画像や見出し――が表示されきるまでの時間を指します。「ちゃんと開いた」とユーザーが感じる瞬間の速さ、と言い換えてもいい。

目安は2.5秒以内が「良好」。2.5秒を超えてくると、ユーザーの体感は一気に「重いサイト」へ傾きます。

INP(操作への反応速度)

ボタンを押す、メニューを開く、フォームに入力します。そうした操作に対して、画面が次の反応を返すまでの速さを測る指標です。2024年3月、それまで使われていたFIDに代わって正式採用されました。今は、こちらが標準です。

目安は200ミリ秒以内。クリックしたのに無反応、という「あの一瞬のストレス」を防ぐための数字だと考えてください。ちなみに、世界中のサイトでもっとも基準を満たしにくいのはLCPで、2025年の調査ではスマホで「良好」なページはLCPが約62%、INPが約77%、CLSが約81%でした。INPも見落とされやすい指標なので、改善できれば差がつきます。

CLS(レイアウトのずれ)

読もうとした瞬間に広告が割り込んできて、文章がガクッと下にずれます。押そうとしたボタンが急に動いて、別のリンクを踏んでしまいます。そうした体験を数値化したものがCLSです。あの不快感を数値化したのがCLSです。

目安は0.1以下。画像や広告枠の表示領域をあらかじめ確保しておくことで、大きく改善できます。

なお、Googleはこれらを「実際のユーザーデータの75パーセンタイル」で判定します。平均ではなく、75%の訪問が良好でなければ合格になりません。つまり、一部の高速な環境だけ速くても意味はなく、現場のユーザーの体感そのものが問われる仕組みです。基準の定義はGoogleの公式ドキュメント(web.dev「Web Vitals」)に詳しくまとまっています。

正直、計測するまで「自分ごと」ではなかった

担当者がPageSpeed Insightsの結果に驚く場面

私自身の話を少しだけ。あるクライアントサイトの問い合わせ数が伸び悩んでいて、原因はコンテンツだろうと当たりをつけていました。記事を足し、導線を見直し、それでも数字が動きません。半ば諦めかけたころ、念のためにとPageSpeed Insightsへサイトを通してみたんです。スコアは、見たくない色をしていました。スマホで真っ赤。LCPは4秒超。原因は、トップに置いた高解像度の画像一枚。それを軽量化しただけで、表示は体感で別物になり、翌月の問い合わせも目に見えて増えました。速度は、後回しにしていい問題ではありません。痛感した出来事です。

なぜ遅くなるのか。よくある犯人たち

表示が遅いサイトには、だいたい共通の原因があります。代表的なものを挙げておきます。

  • 重すぎる画像。スマホで撮ったままの数MB画像を、そのまま貼っているケース。これが最頻出の犯人です。
  • プラグインの入れすぎ。WordPressで「便利そうだから」と入れたプラグインが、裏で大量のコードを読み込んでいることがあります。
  • 安価すぎるサーバー。共用サーバーの低価格プランでは、アクセスが集中した瞬間に処理が詰まりがちです。
  • キャッシュ未設定。一度読み込んだデータを再利用する仕組みがないと、毎回ゼロから読み込み直すことになります。
  • 外部タグの読み込み過多。広告タグ、解析タグ、チャットツール。便利な反面、数が増えるほど足を引っ張ります。

裏を返せば、原因がはっきりしている分、対策も打ちやすい領域だということ。次の手順に進みましょう。

今日からできる、表示速度の改善手順

STEP1:まず計測する。話はそれから

感覚で「速い・遅い」を語っても始まりません。最初にやるべきは現状把握。Googleの無料ツールPageSpeed InsightsにURLを入れるだけで、スコアと改善項目が一覧で出てきます。スマホとPC、両方のスコアを必ず確認してください。多くの場合、問題はスマホ側に潜んでいます。

STEP2:画像を軽くする。効果がいちばん大きい

改善の費用対効果が最も高いのが、画像の最適化です。やることは3つです。サイズを表示領域に合わせて縮小します。WebPなど次世代フォーマットに変換します。そして、画面外の画像は遅延読み込み(lazy load)にします。これだけでLCPは大きく改善します。WordPressなら、画像最適化系のプラグインで自動化も可能です。

STEP3:キャッシュとサーバーを見直す

キャッシュ機能を有効にすると、再訪問時の表示が一気に速くなります。あわせて、サーバーのスペックも要チェック。月数百円のプランで重いサイトを動かそうとするのは、軽自動車で高速道路を全力疾走させるようなもの。無理が出ます。アクセスが増えてきたら、上位プランや高速サーバーへの移行も検討の価値ありです。

STEP4:不要なコードとタグを削る

使っていないプラグインは思いきって削除。読み込み順の調整や、不要なJavaScript・CSSの圧縮も効きます。ここは専門知識が要る領域なので、自信がなければ無理をしないこと。下手にいじって表示が崩れるくらいなら、プロに任せたほうが結果的に早いです。

STEP5:改善後、もう一度計測する

対策したら、必ず再計測。数字で効果を確かめます。これを習慣にすると、どの施策が効いたのかが見えてきます。なお、検索順位への反映には数週間かかることもあるため、焦らず継続を。Googleのページ エクスペリエンスに関する公式ガイドも、あわせて目を通しておくと判断の軸ができます。

いま、スマホの速度が最優先である理由

PCで自社サイトを確認して「うちは速い」と安心しています。よくある落とし穴です。問題は、たいていスマホ側に隠れています。

理由は単純で、Googleがモバイル版のページを基準に評価する「モバイルファーストインデックス」を採用しているから。そして、多くの業種でアクセスの過半数はすでにスマホ経由です。飲食、美容、クリニック、小売。地域の店舗ビジネスほど、その傾向は強いです。つまり、スマホで遅いサイトは、検索評価でも集客でも不利を背負うことになります。

スマホは、回線も端末の処理能力もPCよりばらつきが大きいです。電波の弱い場所、型落ちの機種、節約モードの回線。そうした「いちばん条件の悪いユーザー」でも待たせない設計が求められます。だからこそ、計測は必ずスマホで行いましょう。これは何度でも強調しておきたいポイントです。

やりがちな「逆効果」の改善

良かれと思った対策が、かえって遅さや表示崩れを招くことがあります。代表的な失敗を、先回りして共有しておきます。

ひとつ目は、プラグインの入れすぎです。「高速化プラグイン」を複数同時に入れて、設定が競合し、かえって不安定になるケース。高速化系のプラグインは、原則ひとつに絞るのが鉄則です。

ふたつ目、画像の過剰圧縮。軽くしたい一心で圧縮をかけすぎ、商品写真が見るに堪えない画質になってしまいます。とくに通販や美容、飲食では、写真の質が売上を左右します。速さと美しさ、その釣り合いを見極める目が要ります。

三つ目、バックアップを取らずにコードをいじることです。これは事故のもと。CSSやJavaScriptの編集は、表示崩れと隣り合わせです。必ず、戻せる状態を作ってから手を入れます。鉄則中の鉄則です。

四つ目、一度直して満足してしまいます。速度は「一回やって終わり」ではありません。記事を増やし、画像を足し、タグを追加するたびに、サイトは少しずつ重くなっていきます。定期的な健康診断のつもりで、月に一度は計測する習慣を持つこと。これが効きます。

自分でやるか、プロに頼むか。判断の分かれ目

「どこまで自分でやって、どこから外注すべきか」。よく受ける相談です。ざっくりとした線引きを示しておきます。

自分でやれる範囲。計測、画像の軽量化、不要プラグインの削除、キャッシュ設定。このあたりは、管理画面の操作とちょっとした調べものでこなせます。費用はほぼゼロ。まずはここから着手するのが王道です。

プロに任せたほうがいい範囲は、サーバー構成の見直し、コードレベルの最適化、テーマそのものの作り替えです。ここは専門知識と経験がものを言う領域で、見よう見まねで触ると表示が崩れるリスクが高いです。時間という最も貴重な資源を、不慣れな作業で溶かすより、餅は餅屋に任せたほうが結果的に安く、速いです。そういう判断も立派な経営判断です。

とりわけ、これからサイトを作り直す予定があるなら話は早いです。最初から速度を意識した設計で組んでおけば、後追いの改善に追われずに済みます。リニューアルや新規制作のタイミングは、速度対策を組み込む絶好の機会。逃す手はありません。

計測の数字を、正しく読むコツ

PageSpeed Insightsの結果には、ふたつのデータが並びます。実際の利用者から集めた「フィールドデータ」と、その場の測定による「ラボデータ」。順位評価に効くのは前者、つまり現場のユーザー体験のほうです。ラボデータの点数に一喜一憂しすぎないこと。

また、改善提案は上から順に「効果の大きい順」とは限りません。表示される推定短縮時間を見て、効果の大きいものから手をつけるのが賢い進め方。限られた時間を、いちばん効くところに投じましょう。当たり前のようで、見落とされがちな視点です。

速さが、そのまま「利益」に変わる仕組み

表示速度の改善は、地味な技術作業に見えます。けれど、その先で起きていることは、れっきとした売上づくりです。流れを整理してみましょう。

速くなると、まず離脱が減ります。戻るボタンを押す前に、ページが開ききるからです。離脱が減れば、本文を読む人が増えます。読む人が増えれば、商品やサービスの魅力が伝わる確率が上がります。伝われば、問い合わせや購入につながります。一本の線で、つながっています。

さらに、速いサイトは検索評価でも有利に働き、表示回数そのものが増えていきます。入口が広がり、入ってからの離脱も減ります。この二段構えが効いてくると、同じ広告費でも成果が変わってきます。広告を増やす前に、まず器を整えます。順番を間違えないことが、費用対効果を大きく左右します。

逆に言えば、どれだけ良い商品を扱っていても、ページが開かなければ存在しないのと同じです。シャッターの重い店に、客は入ってきません。それと同じことが、Webの世界でも毎日起きています。

業種別・速度で見落としがちなポイント

速度改善のツボは、業種によって少しずつ違います。よく相談を受ける業種を例に、注意点を挙げておきます。

飲食・美容・サロン。メニュー写真や施術例の画像が主役の業種です。写真は命なので、圧縮しすぎて魅力が落ちては本末転倒。画質を保ったまま軽くする、丁寧な最適化が要ります。あわせて、予約導線が重くないかも要確認。せっかく開いても、予約ボタンの反応が鈍ければ取りこぼします。

クリニック・士業。情報量が多く、ページが縦に長くなりがちです。下のほうの画像を遅延読み込みにするだけで、初速がぐっと変わります。信頼性が問われる業種だからこそ、「待たされない」体験そのものが安心感につながる、という視点も大切です。

EC・通販。商品点数が多く、画像も大量。速度がそのまま売上に直結する、最もシビアな領域です。一覧ページの読み込み、絞り込みの反応速度(INP)まで含めて、徹底的に詰める価値があります。0.1秒が、文字どおりお金になる世界です。

どの業種にも共通するのは、「速度改善は単独で完結しない」ということ。速くした先に、見やすいデザイン、分かりやすい導線、そして取りこぼさない接客がそろって、はじめて成果になります。木を見て森を見ず、にならないように。

迷ったら、まずこの3つから

ここまで読んで「結局、何から手をつければ?」と感じた方へ。優先順位を、はっきり示しておきます。

第一に、計測。PageSpeed Insightsにスマホで自社サイトを通します。現状を知らずに対策は打てません。第二に、画像。トップとファーストビューの画像を軽くします。効果がいちばん早く、いちばん大きいです。第三に、不要なものの整理。使っていないプラグインや古いタグを外します。これだけでも、体感は変わります。

この3つは、いずれもお金をかけずに着手できる範囲です。やってみて、それでも数字が物足りなければ、サーバーやコードといった一段深い領域へ。順番を守れば、無駄打ちは減ります。焦らず、しかし確実に。表示速度の改善は、派手さこそないものの、効いてくる施策の代表格です。

速くなった。でも、それで終わりじゃない

表示速度の改善は、あくまで「土俵に上がる」ための準備です。速くなったサイトに人が来て、ようやくスタートライン。問題は、その先。来てくれた訪問者を、どう問い合わせや予約につなげるかが次の課題です。ここで取りこぼしていては、せっかくの高速化も半減します。

たとえば、深夜に訪れたユーザーの疑問に、その場で答えられる仕組みがあるでしょうか。フォームを開く前の「ちょっとした質問」を拾えているでしょうか。こうした接客の穴を埋める手段のひとつが、AIチャットボットです。当社の完全代行型チャットボット「AIスミズミ」なら、24時間いつでも一次対応を任せられます。速度改善とあわせて整えれば、サイトは「速くて、取りこぼさない」状態になります。チャットボット選びの考え方はAIチャットボットおすすめ比較記事も参考にしてください。

また、表示速度は地図検索(MEO)での集客にも関わってきます。店舗ビジネスの方は、Googleマップ(MEO)完全攻略法もあわせてご覧ください。速度・SEO・MEO・接客は、別々の話に見えて、最後はひとつの「成果」につながっています。

よくある質問(FAQ)

ご相談者

Q1. 表示速度はSEOにどれくらい影響しますか?

DR担当

Core Web Vitalsは検索順位の評価要素のひとつです。ただし、速度だけで順位が決まるわけではありません。コンテンツの質が前提にあり、その上で速度が効いてくる、という関係です。同じくらいの内容なら、速いほうが有利。そう理解しておくのが実態に近いです。

ご相談者

Q2. PageSpeed Insightsのスコアは何点を目指せばいいですか?

DR担当

明確な合格ラインはありませんが、モバイルで50点を超えていれば及第点、90点台なら優秀です。スコアそのものより、Core Web Vitals(LCP・INP・CLS)が「良好」の範囲に入っているかを重視してください。スコアは目安、本質は体感です。

ご相談者

Q3. WordPressサイトでも速度改善できますか?

DR担当

できます。むしろWordPressは改善の余地が大きいケースが多いです。画像最適化、キャッシュ、不要プラグインの整理。この3点だけでも、見違えるほど速くなることがあります。

ご相談者

Q4. 自分で改善するのは難しそうです。何から手をつければ?

DR担当

まずは計測と画像の軽量化から。この2つは専門知識が浅くても取り組めて、効果も大きいです。サーバーやコードの最適化は難易度が上がるので、そこから先はプロに相談するのが安全です。

ご相談者

Q5. 改善の効果が出るまで、どのくらいかかりますか?

DR担当

表示の速さ自体は対策した直後から変わります。一方、検索順位への反映は数週間単位で見ておくのが現実的。即効性のある施策と、じっくり効く施策。両方が混ざっていると考えてください。

ご相談者

Q6. 速度を改善したのに問い合わせが増えません。なぜ?

DR担当

速度はあくまで入口の改善です。来訪後の導線――フォームの分かりやすさ、問い合わせのしやすさ、一次対応の有無――に課題が残っていると、数字は動きにくいです。速度とあわせて、接客とCV導線の見直しが必要です。


あなたのビジネスにAI活用を

「うちの業務もAIで効率化できないか?」「Webサイトから問い合わせを増やしたい」
そんな課題があれば、デジタルレクリムにご相談ください。

▶ AIチャットボット「AIスミズミ」を見る(https://ai-sumizumi.com/index.html)
▶ AIサービス紹介を見る(/lp/ai-service/)
▶ 無料相談・お問い合わせ(/contact/)

業種・業務内容に合わせた最適な活用方法をご提案します。


著者:デジタルレクリム株式会社 代表取締役 | AIマーケティング専門家

中村匠吾(なかむら しょうご)は、デジタルマーケティングとAI活用を専門とする経営者。20代前半からウェブ制作業界でキャリアを積み、デジタルレクリム株式会社を設立。「デジタルの力で企業と顧客を結ぶ」を理念に、AI・ChatGPTを活用したマーケティング手法で企業のDX推進を支援。2024年11月、著書『もしも、Chat-GPTがあなたの仕事の悩みを解決してくれたら ~杏奈と探る、AIとの付き合い方~』(デザインエッグ社)を出版。

著者:デジタルレクリム株式会社 代表取締役 | AIマーケティング専門家をフォローする

コメント

Webとテクノロジーで、
貴社のビジネスを次のステージへ

AI活用・Web制作・SEO・広告運用など、まずはお気軽にご相談ください。

無料相談・お問い合わせ
  • 初回相談無料
  • オンライン対応
  • 貴社に最適なご提案