Googleによると、ページの読み込み時間が1秒遅れるごとに、モバイルのコンバージョン率は20%低下します。現在、表示速度はSEOにとってもユーザー体験にとっても必須の要素です。

画像の最適化

ほとんどのサイトにおいて、画像はページ総容量の60〜70%を占めます。主な対策としては、WebPフォーマットへの移行(JPEGより25〜35%軽量)、適切なサイズ設定(不必要に大きな画像を提供しない)、レイジーローディング(ビューポート外の画像を遅延読み込み)、そして"srcset"によるレスポンシブな画像配信が基本ステップです。

CSSとJavaScript

使用していないCSSやJSは削除するべきです(ツリーシェイキング)。ファイルはミニファイおよび圧縮(gzip/brotli)する必要があります。レンダリングをブロックするリソースは、asyncまたはdefer属性を使用して遅延させます。クリティカルCSSはインラインで記述します。

キャッシュとCDN

ブラウザキャッシュ:静的ファイルには長いTTL(1年)を設定。サーバーサイドキャッシュ:動的ページはキャッシュ化。CDN(Cloudflare、Fastly):静的コンテンツをユーザーに最も近いサーバーから配信し、遅延を劇的に削減。Cloudflare의無料プランだけでも大きな効果があります。

Core Web Vitalsの目標値

LCP(最大視覚コンテンツの表示時間)< 2.5秒。INP(次の描画までのインタラクション)< 200ミリ秒。CLS(累積レイアウトシフト)< 0.1。PageSpeed InsightsやLighthouseで定期的に測定を行いましょう。小さな改善の積み重ねが、検索順位で大きな優位性をもたらします。