Cloudflareは訪問者とサーバーの間に位置し、ウェブサイトのパフォーマンスを改善する最も効果的な場所の一つとなっています。うまく使えば、各訪問者に近い場所からコンテンツを配信し、可能なものをキャッシュし、画像を最適化し、レスポンスを圧縮します。ぞんざいに使えば、ほとんど役に立たず、むしろ妨げにさえなります。本ガイドでは、2026年にCloudflareサイト速度を本当に改善する設定とテクニックを取り上げます。

TL;DR

  • 最大の効果は、静的アセットを積極的にキャッシュし、可能な場合はHTMLをエッジでキャッシュすることから得られます
  • 画像を最適化しましょう（最新フォーマット、正しいサイズ、オンザフライ変換）。画像は通常ページの最も重い部分だからです
  • 最新の圧縮、HTTP/2またはHTTP/3を有効にし、TLSを効率的に保ちましょう
  • 実データで前後を計測しましょう。すべてのトグルがすべてのサイトに効くわけではありません

1. 静的アセットを積極的にキャッシュする

静的ファイル（CSS、JavaScript、画像、フォント）はめったに変わらないため、オリジンではなくCloudflareのエッジから配信すべきです。

  • バージョン管理された静的アセットには長いキャッシュ有効期間を設定し、再訪問者や近くのユーザーが即座に取得できるようにします。
  • cache-controlヘッダーを正しく使い、フィンガープリント付きのファイル名を用いて「永続的に」キャッシュし、変更時にキャッシュを破棄できるようにします。
  • アセットが実際にキャッシュから配信されていることを確認します（cf-cache-statusレスポンスヘッダーがHITかどうかを確認）。

2. 可能な場所ではHTMLをエッジでキャッシュする

HTMLドキュメント自体をエッジから配信すると、オリジンへの往復が不要になり、Time to First ByteとLCPが改善します。

  • ほぼ静的なサイトでは、ページ全体をエッジでキャッシュします。
  • 動的なサイトでは、安全なもの（例えば匿名の訪問者向け）をキャッシュし、ログイン済みやパーソナライズされたリクエストではキャッシュをバイパスします。
  • 意図的に行いましょう。個人情報やセッション固有のデータを含むページを、すべてのユーザー向けにキャッシュしてはいけません。

3. 画像を最適化する

画像は通常ページ重量への最大の寄与要因であり、そのため最大のLCP改善が得られる場所であることが多いです。

4. 転送を圧縮し最新化する

  • テキストベースのレスポンスには圧縮（Brotli） を有効にします。
  • より効率的な多重化接続のため、HTTP/2またはHTTP/3で配信します。
  • TLSを効率的に保ち、Cloudflareが提供する最新のプロトコル機能を有効にします。

5. 読み込むものを減らし優先順位をつける

  • CSSとJavaScriptをminifyし、未使用のコードを削除します。
  • 重要でないJavaScriptを遅延させ、サードパーティスクリプトを効率的に読み込みます。これらはパフォーマンスとINPの一般的な原因です。
  • LCP画像や主要フォントなど、重要なリソースをプリロードします。

6. 推測せず計測する

  • 各変更の前後で、読み込み時間とCore Web Vitalsを、単一のラボ計測だけでなく実際の（フィールド）データで測定します。
  • 一度に一つの意味のある変更だけを有効にし、実際に何が効いたかを把握します。
  • 誤って適用すると害になりうる機能に注意します。決めつけず、検証しましょう。

重要なポイント

  • 静的アセットを積極的にキャッシュし、安全な限りHTMLをエッジでキャッシュします。
  • 画像最適化は通常、単一で最大の速度改善をもたらします。
  • Brotli圧縮とHTTP/2またはHTTP/3を有効にし、読み込むものを削り優先順位をつけます。
  • 常にフィールドデータで前後を計測しましょう。すべての設定がすべてのサイトに効くわけではありません。

Cloudflareサイト速度とSEO

Cloudflareサイト速度を改善すると、パフォーマンスがCore Web Vitalsに直接影響するため、コンバージョンとランキングの両方が向上します。指標レベルの修正については、2026年にCore Web Vitalsに合格する方法 を参照してください。パフォーマンスを含め、サイトを妨げるあらゆる技術的問題を見つけるには、テクニカルSEO監査 が優先順位付きの行動計画を提供します。

よくある質問（FAQ）

Cloudflareは本当にウェブサイトを速くしますか？ はい、適切に設定すれば速くなります。各訪問者に近い場所からコンテンツを配信し、静的アセット（多くの場合HTMLも）をエッジでキャッシュし、画像を最適化し、レスポンスを圧縮します。効果は設定次第です。デフォルト設定だけではパフォーマンスを取りこぼします。

最も効果的なCloudflareの速度設定は何ですか？ 静的アセットの積極的なキャッシュと、安全な場所でのHTMLのエッジキャッシュが、オリジンへの往復を減らすことで通常最大の効果をもたらします。画像はページ重量を支配するため、画像最適化がそれに僅差で続きます。

動的サイトでHTMLをキャッシュできますか？ 部分的には可能です。匿名の訪問者向けにページをキャッシュし、ログイン済みやパーソナライズされたリクエストではキャッシュをバイパスします。あるユーザーのパーソナライズされたページやセッション固有のページを、キャッシュから全員に配信してはいけません。

サイト速度はSEOに影響しますか？ はい。速度はCore Web Vitalsに影響し、これはGoogleのページエクスペリエンスシグナルの一部です。速いサイトはコンバージョンも良くなるため、利点はランキングと収益の両方にあります。

Cloudflareがキャッシュから配信しているかどうかを知るには？ cf-cache-statusレスポンスヘッダーを確認します。HITはCloudflareのエッジから配信されたことを意味し、MISSまたはDYNAMICはオリジンから来たことを意味します。これを使ってキャッシュルールが機能していることを確認します。