ページ速度がSEOに与える影響：Lighthouseスコアを90点以上に改善する方法

「うちのサイト、なんとなく重い気がするんだよね」——そう感じながらも、具体的に何をすれば良いかわからないまま放置しているケースは、中小企業のサイトではよく見られます。ページ速度は単なるユーザー体験の問題ではなく、Googleの検索順位にも直結する重要な指標です。この記事では、無料ツール「Lighthouse」を使ってサイトの現状を把握し、スコアを90点以上に改善するための具体的な手順を解説します。

ページ速度がSEOに与える影響とは

Googleは2021年のCore Web Vitals導入以降、ページの読み込み速度や操作性をランキング要因として明示的に取り込んでいます。具体的には以下の3指標が「Core Web Vitals」として評価されます。

LCP（Largest Contentful Paint）：最大コンテンツが表示されるまでの時間。2.5秒以内が目標。
INP（Interaction to Next Paint）：ユーザー操作への応答速度。200ミリ秒以内が目標。（2024年3月にFIDから移行）
CLS（Cumulative Layout Shift）：ページレイアウトのズレ具合。0.1以下が目標。

検索順位への影響は「軽微なシグナルの一つ」という位置づけですが、競合との差が僅差の場合に順位を左右する可能性があります。それ以上に見逃せないのが、直帰率への影響です。Googleのデータによると、ページの読み込みが3秒を超えると直帰率が急上昇する傾向があります。検索経由で訪れたユーザーがすぐに離脱してしまえば、コンテンツの質がどれほど高くても成果にはつながりません。

Lighthouseでまず現状を把握する

改善の第一歩は「現状の数値を把握すること」です。LighthouseはGoogle Chromeに標準搭載された無料の計測ツールで、インストール不要で使えます。

計測手順：

計測したいページをChromeで開く
F12キーで開発者ツールを起動
「Lighthouse」タブを選択
「モバイル」を選択し「分析を実行」をクリック

数分で「パフォーマンス」「アクセシビリティ」「SEO」「ベストプラクティス」の4項目がスコアリングされます。SEO対策の観点で特に注目すべきはパフォーマンスのスコアとCore Web Vitalsの各数値です。

注意点： Lighthouseはあくまでも「ラボデータ（計測環境でのシミュレーション）」です。実際のユーザーデータは「Google Search Console」の「ウェブに関する主な指標」や「PageSpeed Insights」のフィールドデータで確認することを推奨します。両方を組み合わせて判断するのが確実です。

スコア改善のための具体的な施策5選

Lighthouseのレポートには「Opportunities（改善の余地）」と「Diagnostics（診断）」が表示されます。ここに挙げられた項目が優先的に対処すべき課題です。以下は特に効果が出やすい施策です。

1. 画像の最適化

多くのサイトでスコアを下げている最大の原因が画像の扱いです。

WebP形式への変換：PNGやJPEGと比べてファイルサイズを大幅に削減できます。WordPressであれば「EWWW Image Optimizer」などのプラグインで自動変換が可能です。
適切なサイズの指定：表示サイズよりも大きな画像を読み込んでいるケースが多々あります。widthとheight属性を明示的に指定することでCLS対策にもなります。
遅延読み込み（Lazy Load）：スクロールしないと見えない画像にloading="lazy"属性を付与し、初回読み込みの負荷を減らします。

2. 不要なJavaScript・CSSの削減

使われていないコードが読み込みを遅延させているケースは非常に多いです。

プラグインを整理する（特にWordPressサイト）：有効化したまま使っていないプラグインが多いほど、不要なスクリプトが増えます。
JavaScriptの非同期読み込み：<script>タグにdeferまたはasync属性を追加し、HTMLの解析をブロックしないようにします。
CSSのミニファイ（最小化）：改行やコメントを除去してファイルサイズを圧縮します。

3. サーバーの応答速度（TTFB）の改善

LCPに影響するのはフロントエンドだけではありません。サーバーが最初の1バイトを返すまでの時間（TTFB：Time to First Byte）も重要です。

キャッシュの活用：静的コンテンツをブラウザやサーバー側でキャッシュすることで、繰り返しアクセス時の表示速度が改善します。
レンタルサーバーのプラン見直し：共用サーバーで他ユーザーのリソースを奪い合っている場合、VPSや上位プランへの移行が有効なこともあります。
CDN（コンテンツデリバリーネットワーク）の導入：CloudflareなどのCDNを使うと、ユーザーに近いサーバーからコンテンツを配信でき、物理的な遅延を減らせます。

4. レンダリングブロックリソースの排除

ブラウザがHTMLを解析・描画する前に読み込まれるCSS・JavaScriptは「レンダリングブロック」の原因になります。

重要なCSSは<head>内にインラインで記述し、残りは非同期で読み込む
Googleフォントなど外部フォントの読み込み方法を最適化する（font-display: swapの利用など）

5. LCPの対象要素を最適化する

LCPとは「ビューポート内で最も大きい要素」が表示されるまでの時間です。多くの場合、ファーストビューのメインビジュアル画像がLCPの対象になります。

preloadの活用：<link rel="preload">を使い、LCP対象の画像を優先的に読み込む指示をブラウザに与えます。
ヒーロー画像にはloading="lazy"を使わない：遅延読み込みを設定するとLCPが悪化します。ファーストビューの画像は通常通り読み込ませてください。

改善作業のチェックポイントと注意事項

施策を実施した後は必ず再計測して効果を確認しましょう。改善作業にあたって押さえておきたい点があります。

計測は必ずモバイルで行う： Googleはモバイルファーストインデックスを採用しています。PCのスコアが高くても、モバイルのスコアが低ければSEO上の評価は上がりません。

一度に変更しすぎない： 複数の施策を同時に実施すると、何が効いたのか判断できなくなります。1つ変更→計測→次の施策、という順番で進めることをおすすめします。

定期的なモニタリングを習慣化する： プラグインの更新やコンテンツの追加によってスコアは変動します。月に1回程度は計測する習慣をつけておくと、問題の早期発見につながります。

まとめ：ページ速度の改善はSEOの土台づくり

ページ速度の改善は、劇的な順位変動を約束するものではありませんが、コンテンツSEOやリンク施策を効果的に機能させるための「土台」として欠かせない要素です。Lighthouseのスコアを90点以上に引き上げることを目標に、画像最適化・不要コードの削減・サーバー設定の見直しを一つひとつ着実に進めていきましょう。

「Lighthouseを見てみたけど、何から手をつければいいかわからない」「エンジニアがいないので技術的な改善が難しい」という方は、株式会社サイプレスにご相談ください。現状のサイト診断から優先度の高い施策の提案まで、貴社の状況に合わせてサポートいたします。