非エンジニアの創業者向け：Core Web Vitalsを分かりやすく解説
ウェブサイトが顧客にとって遅く感じられる理由や、それが原因でGoogleの検索順位が下がっている理由を理解するのに、コンピュータサイエンスの学位は必要ありません。
ドアが開くまでに10秒もかかり、棚を見つめるとグラグラと揺れ、レジカウンターが常に移動し続ける実店舗に入ることを想像してみてください。おそらく、すぐに店を出てしまうでしょう。オンラインにおいて、Googleはこれらと同じような現実世界の不満を、スピードと使いやすさに関する3つの指標（総称して「Core Web Vitals」）を用いて測定しています。
1つ目の指標は「読み込み速度」に関するもので、具体的にはページ内で最も大きなコンテンツが実際に表示されるまでにどれくらいの時間がかかるかを測定します。ヒーロー画像や主要なバリュープロポジション（価値提案）の読み込みに数秒以上かかると、しびれを切らした訪問者は検索結果に引き返してしまい、Googleに対して「このサイトは優れた体験を提供していない」というシグナルを送ることになります。
2つ目の指標は「インタラクティブ性（応答性）」を測定するもので、ユーザーがボタンをクリックしたり、メニューをタップしたりしたときに、サイトがどれだけ素早く反応するかを示します。反応が遅いと、ソフトウェアやウェブサイトが壊れているように感じられ、即座のフィードバックを期待するユーザーを失望させてしまいます。この遅延をコンマ数秒以下に抑えることは、何気なく訪れた訪問者を有料顧客へと転換するために極めて重要です。
最後の指標は「視覚的安定性」に焦点を当てており、サイトの読み込み中にページ上の要素が勝手に動かないようにすることを目的としています。特定のリンクをクリックしようとした瞬間に、突然画像が読み込まれてボタンが下にずれ、誤って別の場所をクリックしてしまうことほど不快なことはありません。レイアウトを安定させることで、ユーザーからの信頼を即座に築き、不満を防ぐことができます。
- 訪問者の離脱を防ぐため、メインページのコンテンツが2.5秒未満で読み込まれることを目指しましょう。
- ウェブサイトのボタンやフォームが、ユーザーのクリックに対して200ミリ秒未満で反応するようにします。
- ページの読み込み中に画像やテキストが動かないよう、レイアウトの寸法を固定します。
- 売上に悪影響が出る前にパフォーマンスの低下を察知できるよう、視覚的なダッシュボードを使用してこれらの指標を毎週監視しましょう。