ウェブサイトの表示速度と Core Web Vitals：売上と Google 検索順位を左右する理由

簡単な答え：遅いウェブサイトは、顧客が商品を目にする前に離脱させてしまいます。そして Google は、三つの Core Web Vitals を通じてページエクスペリエンスの速度をランキングシグナルとして使用しています。メインコンテンツが表示される速さ（LCP）、タップに対するページの応答の速さ（INP）、読み込み中に要素がどれだけ安定しているか（CLS）です。良好な値は、LCP が 2.5 秒未満、INP が 200 ミリ秒未満、CLS が 0.1 未満で、開発者のパソコンではなく実際のユーザーで測定されます。

ウェブサイトやオンラインストアを運営しているなら、遅さの代償を二回支払うことになります。一回目は苛立った訪問者が離れていくとき、もう一回は Google の検索順位が下がり、そもそもあなたにたどり着く人が減るときです。良いニュースは、ウェブサイトの速度は明確な数値で測定でき、既知の手順で改善できるということです。このガイドでは、三つの指標、その測定方法、そしてサイトのパフォーマンスを高める方法を説明します。

一秒の遅れがなぜ顧客と売上を失わせるのか

サウジアラビアの顧客は、たいてい移動中にスマートフォンからサイトを開きます。ページの表示が遅ければ、一行も読まないうちに閉じて、より速い競合他社へ移ってしまいます。速度は技術的なぜいたく品ではなく、あなたがどれだけ真剣に取り組んでいるかを示す第一印象です。遅いストアは対応の遅さを連想させ、読み込み中に要素が跳ねるページは、顧客に意図しない場所をタップさせて信頼を失わせます。一秒の遅れごとに、放棄されたカート、未完了のフォーム、そしてお金を払ったのに売上につながらなかった広告が生まれるのです。

三つの Core Web Vitals とは？

Core Web Vitals は、ページエクスペリエンスの品質を要約する Google の三つの公式指標です。

  • LCP — Largest Contentful Paint：画面上で最も大きな表示要素（画像や見出し）が表示されるまでの時間。目標：2.5 秒未満。
  • INP — Interaction to Next Paint：ユーザーがタップや入力をしたときにページが応答する速さ。目標：200 ミリ秒未満。従来の FID 指標に正式に置き換わりました。
  • CLS — Cumulative Layout Shift：読み込み中に要素がどれだけ跳ねたり動いたりするか。目標：0.1 未満。

Google はこれらの値を、サイトへの実際の訪問の 75 パーセンタイルで測定します。つまり、一台の高速な端末ではなく、少なくともユーザーの四分の三で良好な値を満たしたときに、スコアが「良好」と判定されます。

サイトのパフォーマンスを測定する方法

推測せず、測定しましょう。始めるには Google の無料ツールで十分です。PageSpeed Insights はページのスコアと、利用可能な場合は実際のユーザーのデータを提供し、Search Console 内の Core Web Vitals レポートはサイト全体でどのページグループに改善が必要かを示し、ブラウザの Lighthouse は手早いラボ診断を行います。ラボ測定（固定されたテスト環境）とフィールド測定（ユーザーの実際の体験）を区別してください。Google がランキングに使用するのは後者です。

遅さのよくある原因

  • 圧縮されていない大きな画像をフルサイズで読み込んでいる。
  • JavaScript が多すぎて操作が遅れ、INP が悪化している。
  • キャッシュがなく、ユーザーの近くにコンテンツ配信ネットワーク（CDN）もない。
  • ホスティングが弱い、またはサーバーが顧客から遠い。
  • 画像や広告にサイズが指定されておらず、レイアウトのずれ（CLS）が起きている。
  • サードパーティ製ツール（トラッキング、チャット、フォント）が多すぎてページが重い。

実践で速度を改善する方法

改善の大部分は既知の手順から得られます。画像を圧縮して WebP や AVIF などの最新フォーマットで配信し、必要なときに表示されるよう遅延読み込みを行いましょう。JavaScript を削減・分割し、ページが必要なものだけを読み込むようにします。キャッシュを有効にし、ファイルをユーザーの近くに届けるコンテンツ配信ネットワークを利用します。サウジアラビアに地理的に近いサーバーを持つ高性能なホスティングを選びます。画像や広告のサイズを事前に指定して、ずれを防ぎます。サードパーティ製ツールを見直し、価値を生まないものは削除します。そしてコンテンツの多いサイトでは、サーバーサイドレンダリング（SSR）を検討しましょう。ユーザーはスマートフォン上ですべてが組み立てられるのを待つ代わりに、完成したページを受け取れます。

モバイルファースト

Google はモバイルファーストインデックスを採用しており、サウジアラビアでの訪問の大半はスマートフォンからです。オフィスの高速回線ではなく、モバイルかつ平均的な通信環境でパフォーマンスを測定しましょう。アラビア語フォントの重さにも注意が必要です。重いフォントはテキストの表示を遅らせるため、最適化されたフォントを選び、賢く読み込みましょう。速いモバイル体験は、より良い検索順位と、注文を完了する顧客の増加につながります。

Origami での取り組み

Origami はテクノロジー企業です。私たちはウェブサイトやストアを、後付けではなく最初から速くなるように構築しています。サーバーサイドレンダリング、画像の最適化、配信ネットワークを活用し、ページを遅くする追加を一切ブロックする「パフォーマンス予算」を設定し、ラボだけでなくリリース後に実際のユーザーで Core Web Vitals を測定しています。その結果、すばやく開き、Google でより上位に表示され、最初の一秒で訪問者を失うのではなく顧客に変えるサイトが生まれます。

まとめ

速度は二重の勝利をもたらします。Google での検索順位の向上と、訪問者のコンバージョン率の向上です。まず PageSpeed Insights と Search Console で最も重要なページを測定し、遅さの最大の原因を三つ修正してから、もう一度測定しましょう。読み込み時間をたった一秒改善するほうが、広告予算を倍にするよりも安く、効果も早く現れる場合があります。

出典

  • Google Search Central — Understanding Core Web Vitals and Google Search results：developers.google.com
  • web.dev — Core Web Vitals の指標としきい値（LCP、INP、CLS）：web.dev