ページスピードとは
ページスピード(ページ表示速度)とは、ユーザーがWebページにアクセスしてからコンテンツが完全に表示されるまでの速度を指します。Googleはページスピードをランキング要因として使用しており、特にモバイル検索での影響が大きくなっています。
ページスピードがSEOに与える影響
ランキング要因としての影響
Googleは2010年にデスクトップの表示速度を、2018年にモバイルの表示速度をランキング要因として導入しました。2021年にはCore Web Vitalsが正式にランキングシグナルとなり、ページスピードの重要性がさらに高まりました。
ユーザー体験への影響
表示が遅いサイトは直帰率が高くなり、コンバージョン率が低下します。Amazonは「表示が0.1秒遅くなると売上が1%減少する」と報告しており、ECサイトでは特にページスピードが収益に直結します。
クロールへの影響
表示速度が遅いサイトでは、Googlebotが1回の巡回でクロールできるページ数が制限される場合があります。
ページスピードの改善施策
画像の最適化
- 次世代フォーマットの採用: WebPやAVIF形式に変換(JPEGと比べて25〜50%軽量)
- 適切なサイズの提供: 表示サイズに合った画像を生成(srcset属性の活用)
- 遅延読み込み: ビューポート外の画像はlazy loadingで遅延読み込み
CSS・JavaScriptの最適化
- ミニファイ: 不要な空白やコメントを削除してファイルサイズを圧縮
- 不要なコードの削除: 使っていないCSS/JSを除去
- クリティカルCSSのインライン化: ファーストビューに必要なCSSをHTML内に直接記述
- JavaScriptの遅延読み込み:
deferやasync属性を活用
サーバー・インフラの改善
- CDN(Content Delivery Network)の活用: CloudflareやAWS CloudFrontで世界中のユーザーに近いサーバーから配信
- ブラウザキャッシュの設定: 静的ファイルのキャッシュ期間を適切に設定
- Gzip/Brotli圧縮: テキストベースのファイルを圧縮して転送
フォントの最適化
- Webフォントの数を制限: 使用するフォントファミリーと太さを最小限に
- font-display: swap: フォント読み込み中もテキストを表示
- フォントのプリロード: 重要なフォントを
<link rel="preload">で先読み
測定と継続的な改善
ページスピードの改善は一度きりではなく、継続的に行うことが重要です。新機能の追加やコンテンツの更新に伴い、表示速度が低下することがあるため、PageSpeed InsightsやSearch Consoleのレポートを定期的にチェックしましょう。