「ホームページが重い、表示が遅い気がする」 「Core Web Vitalsという言葉を見かけるけれど、何のことかよく分からない」
ホームページの表示速度について調べていると、こうした疑問にぶつかることがあります。この記事では、Googleが公式に説明している「Core Web Vitals」という指標をもとに、表示速度がなぜ重要とされているのか、そして自分のサイトの状態を調べる方法を整理しました。
先に結論です。
- Core Web Vitalsは、読み込みの速さ・操作への反応の速さ・表示の安定性という、実際に訪れた人が感じる使いやすさを数値で表した指標です
- Googleの公式ドキュメントでは、検索での評価における要素の一つとされていますが、「表示速度だけで検索順位が決まる」とは説明されていません
- 自分のサイトの状態は、無料の「PageSpeed Insights」というツールで誰でも調べられます
Core Web Vitalsとは
Core Web Vitalsとは、Googleがまとめている、ホームページの「実際の使いやすさ」を測るための指標です。Google Search Centralの公式ドキュメントでは、次の3つの指標が紹介されています。
| 指標 | 何を測るか | 良好とされる目安 |
|---|---|---|
| LCP(Largest Contentful Paint) | ページの読み込み性能 | ページの読み込み開始から2.5秒以内 |
| INP(Interaction to Next Paint) | クリックやタップへの反応の速さ | 200ミリ秒未満 |
| CLS(Cumulative Layout Shift) | 表示中にレイアウトがずれないかという視覚的な安定性 | 0.1未満 |
出典:Google Search Central「Core Web Vitals と Google 検索の検索結果について」(https://developers.google.com/search/docs/appearance/core-web-vitals?hl=ja)
専門用語が並んでいますが、イメージとしては次のような感覚に近い指標です。
- LCP:ページを開いたとき、メインの写真や見出しが表示されるまでの待ち時間
- INP:ボタンを押してから、画面が反応するまでのもたつき
- CLS:読んでいる途中で、広告や画像が急に表示されてボタンの位置がずれる、といった現象の起きにくさ
表示速度は検索順位にどう関係する?
ここが気になる方が多いポイントだと思いますが、公式の説明は「表示速度が遅いと検索順位が下がる」という単純な話ではありません。
Google Search Centralの別のドキュメント「ページ エクスペリエンスが Google 検索の検索結果に与える影響について」では、Core Web Vitalsを含むページエクスペリエンスの要素について、次のように説明されています。
- 表示速度(Core Web Vitals)やスマホでの見やすさ、過剰な広告がないことなどは、検索結果の評価における要素の一つである
- ただし、これらは「内容の役立ち度が同じくらいのページが複数あるときに、差がつく要素」であるとされている
出典:Google Search Central「ページ エクスペリエンスが Google 検索の検索結果に与える影響について」(https://developers.google.com/search/docs/appearance/page-experience?hl=ja)
つまり、表示速度だけを極端に速くしても、内容そのものが読者の役に立っていなければ順位は上がりません。一方で、同じくらい役立つ内容のページが並んだときには、表示速度が遅いサイトは不利になりうる、という位置づけです。
また、Core Web Vitalsが検索順位に与える影響の「大きさ」や「重みづけ」について、公式ドキュメントには具体的な数値の記載が見当たりませんでした。この記事でも、そこは断定せずにお伝えします。
検索順位の話より前に大切なのは、表示が遅いサイトは、訪れた人がページを開く前に離れてしまう可能性があることです。表示速度は、検索対策としてだけでなく、せっかく来てくれた人を逃さないための要素として考えるのが実用的です。
自分のサイトの表示速度を調べる方法
自分のサイトのCore Web Vitalsの状態は、専門知識がなくても無料で確認できます。
PageSpeed Insightsを使う
Googleが提供する「PageSpeed Insights」(https://pagespeed.web.dev/)に、調べたいページのURLを入力するだけで、スマホ・パソコンそれぞれの表示速度を分析できます。
おおまかな流れです。
1. PageSpeed Insightsのサイトにアクセスする 2. 調べたいページのURLを入力し、「分析」(Analyze)を押す 3. 結果の中で、改善が必要と判定された項目を確認する 4. 各項目には、重要とされる理由と、一般的な改善の方向性の説明がついているので、それを読む
このツールは、Googleのページ診断エンジン「Lighthouse」を、ブラウザ上で手軽に使えるようにしたものです(出典:Chrome Developers「Lighthouse overview」https://developer.chrome.com/docs/lighthouse/overview)。インストールは不要で、公開されているURLなら誰でも試せます。
結果を見るときの注意点
計測結果は、そのときの通信状況などによって多少ばらつきます。一度だけの数字で判断せず、時間を置いて何度か調べて、傾向を見るほうが安心です。
また、ログインが必要なページや、まだ公開していない社内のテスト環境は、PageSpeed Insightsでは調べられません。その場合は、ブラウザの開発者ツールに含まれるLighthouseの機能を使う方法がありますが、これは多少パソコンの操作に慣れた人向けです。
Search Consoleでまとめて確認する
サイト全体の傾向を見たい場合は、Googleが提供する「Search Console」の中にある「Core Web Vitals」レポートで、ページごとの状況をまとめて確認できると、公式ドキュメントで紹介されています。Search Consoleの利用には、事前にサイトの登録・所有者の確認が必要です。
表示速度が遅くなる原因と、改善の考え方
Core Web Vitalsの各指標を確認した一次情報の中に、改善方法の技術的な詳細までは含まれていませんでした。そのため、ここでは「何が原因になりやすいか」という一般的な傾向にとどめ、具体的な作業手順は踏み込まずにお伝えします。
表示速度が遅くなる原因として、よく挙げられる傾向には次のようなものがあります。
- 画像のサイズが大きいまま使われている
- 使っていない機能やデザインの部品(プラグインなど)が増えすぎている
- サーバーの性能や契約プランが、サイトの規模に合っていない
目安として、スマホ対応や表示速度を含めたサイト全体の作りが古くなってきた場合は、部分的な改善だけでなく、リニューアルを検討するタイミングにもなります。
反対に、大きな問題がなく、保守・更新を続けているサイトであれば、表示速度の見直しも保守の一環として扱えます。
技術的な改善(画像の最適化、サーバーの見直しなど)まで自分たちで対応するのが難しい場合は、制作会社に現状を見てもらうのも一つの方法です。
よくある疑問
LCP・INP・CLSの目安の数値を1つでも外れたらまずいですか?
公式ドキュメントでは、3つの指標それぞれに「良好」とされる目安が示されていますが、1つの指標が目安を外れたからといって、即座に重大な問題になるとは説明されていません。まずは自分のサイトがどの指標でどのくらいの状態か、PageSpeed Insightsで確認するところから始めるのが現実的です。
INPは以前「FID」という指標だったと聞きました
はい、Core Web Vitalsの応答性の指標は、以前は「FID(First Input Delay)」という指標でしたが、現在はINP(Interaction to Next Paint)に置き換わっています。本記事の内容は、現時点の公式ドキュメントで確認できる、INPを含む最新の3指標にもとづいています。
表示速度さえ速ければ、検索で上位に表示されますか?
いいえ、公式の説明では、表示速度は「内容の役立ち度が同じくらいのページが並んだときに差がつく要素」の一つとされています。表示速度を速くするだけで上位表示が保証されるわけではなく、まず読者にとって役立つ内容であることが前提になります。
まとめ
- Core Web Vitalsは、LCP(読み込み性能)・INP(応答性)・CLS(視覚的安定性)という3つの指標で、ホームページの実際の使いやすさを測るもの
- 表示速度は検索結果の評価要素の一つだが、「速ければ必ず上位表示される」という単純な関係ではない
- 自分のサイトの状態は、無料のPageSpeed Insightsで誰でも確認できる
- 大きな問題があればリニューアル、小さな改善であれば保守の一環として対応する、という切り分けができる
自社のホームページの表示速度が気になる方、一度状態を見てほしいという方は、お気軽にご相談ください。