分散 Web パフォーマンスアーキテクチャの設計

このガイドでは、アーキテクトと開発者向けの包括的なレイヤー 7（L7）アプリケーションパフォーマンス戦略を説明します。競争の激しいデジタル環境では、アプリケーションパフォーマンスは重要な事業上の差別化要因です。ただし、最終的な目標は、パフォーマンスとセキュリティの均衡点を見つけることです。

このガイドは速度とユーザー体験（UX）の最大化に焦点を当てますが、パフォーマンスのためにセキュリティを犠牲にはできません。アーキテクトは、レイテンシ削減と、DDoS protection、WAF、Bot Management などの厳格なセキュリティ制御に必要な処理オーバーヘッドとのバランスを取る必要があります。

リスクの高い場面ではセキュリティを優先します。パフォーマンス最適化で得た「レイテンシ予算」を、必要な保護の実行に戦略的に再投資します。これにより、ユーザーのコンバージョンにつながる速さと、事業を守れる安全性の両方を維持できます。

影響の測定: マーケティングダッシュボード（例: Google Analytics）は事業成果を追います。一方、Cloudflare の Web Analytics と Observatory は、その成果を動かすパフォーマンス要因を測ります。プライバシーを損なわず、重いクライアントサイドスクリプトにも頼らず、リアルタイムの Core Web Vitals (CWV) と Real User Monitoring (RUM) の改善を、直帰率の低下やコンバージョンの向上と直接関連付けられます。

このアーキテクチャに従うと、組織は次を期待できます。

• LCP や INP などの Core Web Vitals (CWV) を改善し、直帰率の低下と売上向上につなげます。
• Cache Hit Ratio を最大化し、オリジンのトラフィックをオフロードしてインフラ支出を減らし、全体の 運用コストを下げます。
• トラフィックスパイク時でも高い稼働率／可用性を保ち、事業の耐障害性 を確保します。

パフォーマンスの測定は難しい ↗ うえ、セキュリティと コンプライアンス ↗ が交渉不能な前提になる、より広い事業文脈の中で行われます。組織は多くの場合、パフォーマンス機能を解放する前に、アーキテクチャが規制要件（データ所在地 ↗ や、Post-Quantum Cryptography (PQC) を含む 暗号化プロトコル など）を満たしていることを確認します。

セキュリティとコンプライアンスの基準を確保したあと、効果的な最適化は「正しい」ものを測ることから始まります。興味深いことに、その「正しい」ものは組織ごとに少し異なります。それでも、Web サイトのパフォーマンスではユーザー中心の指標に焦点を当て、サーバー応答性の診断には TTFB を診断ツールとして使い ↗、ユーザー体験の測定では Core Web Vitals (CWV) ↗ を優先する、という点では多くの人が同意します。

実装の成功は、次の指標で測ります。

75 パーセンタイルの目標は、妥当なバランスを取るための 既存の分析 ↗ に基づきます。

この図はリクエストのライフサイクルを示し、Cloudflare のレイヤー／フェーズ（ネットワーク、最適化、キャッシュ、オリジン接続）がどのように連携してレイテンシを最小化するかがわかります。

説明のため、アーキテクチャは 4 つの論理層に整理し、特定の フェーズ に従います。この連鎖の各ステップを最適化することが、総合的に最良のパフォーマンスを得るために必要です。

パフォーマンスの旅は、クライアント端末から始まります。端末のハードウェア、ブラウザー ↗、ネットワーク品質とトポロジーが、最初の応答性を決めます。ここでの目標は、Cloudflare ネットワークへの最短接続を確立することです。

• DNS 解決: クライアント端末はドメインを問い合わせ、公開 DNS リゾルバーを経て、最終的に権威 DNS サーバーへ到達します。Cloudflare の グローバル anycast ネットワーク ↗ は、リクエストを最寄りの Point of Presence (PoP) へルーティングします。グローバル DNS ↗ の解決によりルックアップレイテンシを最小化し、中国本土 への拡張も可能です。
• 接続の確立: クライアントは IPv4／IPv6 で、HTTP/3 (QUIC) と TLS 1.3 を使って接続します。これで Post-Quantum Cryptography (PQC) も利用できます。以前訪れたクライアントなら、0-RTT Connection Resumption でハンドシェイク時のラウンドトリップをなくせます。さらに HTTP Strict Transport Security (HSTS) がブラウザー側で HTTPS へのリダイレクトを強制し、不要なサーバーラウンドトリップを除きます。一般には HTTPS 接続の強制 を推奨します。関連する TCP フィールド を使えば、適応型のパフォーマンス戦略も実装できます。
• ブラウザー最適化: Speed Brain（Speculation Rules API）はリソースを先読みします。Early Hints は「サーバー思考時間」中に Link ヘッダーをブラウザーへ送り、ページ描画を速めます。
• サードパーティのオフロード: Zaraz は、Google Analytics 4 や Mixpanel などのサードパーティツールをクラウドへオフロードします。端末上のメインスレッドブロッキングが減り、INP が大幅に改善します。
• Web Analytics (RUM): Cloudflare の Web Analytics を使い、ユーザーのブラウザーからプライバシー優先・Cookie レスのパフォーマンスデータを収集します。この軽量な JavaScript ビーコンは、ユーザーを追跡したりクライアントサイドの状態を保存したりせず、Core Web Vitals（LCP、INP、CLS）の実測値を提供します。

リクエストがネットワークエッジに到達すると、Cloudflare はコンテンツを処理・最適化してから、キャッシュへ出すか取得します。

• トラフィック管理: リクエストを検査します。URL Normalization で一貫性を確保し、Redirect Rules や Transform Rules でパス変更を効率よく処理します。Waiting Room は 大規模なトラフィックスパイク 時にバックエンドを保護し、可用性を維持します。
• プログラムによるカスタマイズ: 標準ルールでは足りない高度な用途では、Snippets と Workers でプログラムによるカスタマイズができます。ヘッダーの変更、URL の書き換え、画像最適化、独自のキャッシュロジックを、エッジ上で直接実行できます。Service Bindings を使い、これらの Workers 間で低レイテンシ・オーバーヘッドなしの通信を行います。
• コンテンツ最適化: テキスト資産は Compression Rules（Brotli／Gzip）で圧縮します。画像は Image Transformations または Polish でその場処理し、端末に最適な形式（AVIF／WebP）とサイズで配信します。LCP と CLS が大幅に改善します。
• フォントとタグの最適化: Cloudflare Fonts は、Google Fonts への DNS ルックアップと TLS 接続をなくし、自ドメインからインライン配信します。Google Tag Gateway は、広告シグナルの測定とプライバシーを改善します。
• ルーティング、可用性、プロトコルインテリジェンス: Cloudflare は世界で最も 相互接続されたネットワーク ↗ のひとつを運用し、13,000 以上のネットワークとピアリングし、グローバルバックボーン ↗ を持ち、世界有数の数の Internet Exchange Points (IXPs) ↗ に参加しています。この大規模データセットから得られる 独自のインテリジェンス ↗ を使い、プロトコルレベルで Congestion Control (CC) を動的に最適化します。リアルタイムのネットワーク状況に応じて、接続ごとに最適なアルゴリズムを選び、適切なパラメーターを調整します。キャッシュできない動的リクエストでは、Argo Smart Routing がネットワーク上の最短経路をオリジンまで見つけます。Custom Errors は、障害時にも一貫したブランド体験を提供します。

Cloudflare は特定のトポロジーに整理できます。この層はコンテンツの保持と取得を担います。オリジンに対するシールドであり、クライアントに対する高速ストアでもあります。

• キャッシュロジック: Origin Cache Control Headers、Cache Rules、Caching Levels で、TTL とクエリ文字列の扱いを精密に制御できます。マーケティングや SEO 用のパラメーターが異なる URL など、可変 URL のリクエストを 1 つの Cache Key にまとめる Cache Normalization 戦略を実装すると、キャッシュヒット率が大きく上がります。Prefetch URLs は、マニフェストファイル経由で重要な資産をキャッシュへ事前投入し、レイテンシをさらに下げます。デフォルトのキャッシュ動作と制限 にも注意してください。
• Tiered Caching: コンテンツがローカル PoP にない場合、Cloudflare は上位ティアのキャッシュトポロジーを確認します。Smart Tiered Caching と Regional Tiered Cache は接続を集約し、キャッシュヒット率を上げ、グローバルなオリジン負荷を減らします。よりカスタムな構成が必要な場合、Enterprise のお客様は Custom Tiered Cache トポロジーを選べます。
• 専用の長期キャッシュ: Cache Reserve は、アクセス頻度の低い大容量資産（画像、アーカイブ動画、ソフトウェア更新、静的な AI モデルなど）の寿命を延ばします。アクセス頻度の低いコンテンツを、R2 を基盤とする永続オブジェクトストレージへ移します。Least Recently Used (LRU) アルゴリズムによる追い出しを防ぎ、レイテンシの大きいオリジン取得を避けつつ、ストレージの冗長性と耐障害性の要件も満たします。
• Instant Purge: Cloudflare の 分散パージアーキテクチャ ↗ を使い、コンテンツを世界中で約 150ms で無効化できます。Instant Purge は、URL、Tag、Prefix、Hostname によるパージなど、さまざまな粒度に対応します。TTL の期限を待たず、ユーザーはすぐ新しいコンテンツを受け取れます。
• クラウド接続: Cloud Connector Rules は、特定のオブジェクトストレージやオリジン要件向けに、パブリッククラウドプロバイダー（AWS、Azure、GCP）へのトラフィック経路を簡単にします。プライベートインフラでは、Workers VPC が、パブリッククラウド（例: AWS、Azure）上のプライベートストレージエンドポイントやデータベースへ、パブリック Internet に公開せず直接接続できます。
• 静的資産のホスティング: アプリケーションの一部全体（フロントエンド資産、画像、大容量メディア、ソフトウェアパッケージを含む）を R2 Object Storage または Workers Static Assets に直接置けます。従来のオリジンサーバーに一度も届かず、エッジから配信できます。追加の ストレージオプション もあります。

フルパスを辿る必要があるリクエスト（動的コンテンツやキャッシュミス）では、オリジンの構成が最終的なレイテンシ影響を決めます。アーキテクトには主に 2 つの道があります。高性能で耐障害性の高いサーバーレスモデル（オリジンレスとも呼ばれます）を採用するか、従来の Origin Server 向けに接続とセキュリティを最適化するかです。

Serverless: Cloudflare の Developer Platform は、「オリジンレス」モデルによって最適なパフォーマンス階層を実現します。フルスタックアプリケーション を、世界中のグローバルエッジネットワーク上に直接構築・デプロイし、遠いオリジンまでのフルパストラバーサルをなくします。動的リクエストは最寄りの Cloudflare PoP で実行され、R2 Object Storage や D1 Serverless SQLite Database などの統合 エッジストレージ へシームレスにアクセスできます。TTFB が大幅に下がり、厳しい CWV 目標への貢献も大きくなります。さらに、Workers と R2 を使うこのオリジンレスモデルは、高性能なファイル配信に最適な設計です。大容量データセットやメディアの配信に、従来のバックエンドサーバーは不要です。

従来型オリジンの最適化: アプリケーションをオリジンレスモデルへ リファクタリングまたはモダナイズ ↗ できない場合は、従来インフラがもたらすレイテンシ影響を最小限にするため、次の最適化が必要です。

• 接続: Cloudflare は HTTP/2 to Origin で接続し、Connection Reuse で 1 本の永続接続上にリクエストを多重化して、TCP／TLS のオーバーヘッドを減らします。信頼性とセキュリティを高めるには、Cloudflare Network Interconnect (CNI) で自社のネットワークインフラを Cloudflare に直接接続し、パブリック Internet を迂回して、より高性能で安全な体験を得られます。さらに Bandwidth Alliance ↗（Microsoft Azure Routing Preference ↗ などのパートナーを含む）を使うと、データエグレス料金を大幅に削減または免除できます。
• プライベートインフラ: Workers VPC と Cloudflare Tunnel は、パブリッククラウド上のプライベートストレージエンドポイントやデータベースへ、必ずしもパブリック Internet に公開せず直接接続できます。
• Load Balancing: Cloudflare Load Balancing で、健全なサーバーへトラフィックを分散します。オリジンが失敗すると、トラフィックは健全なサーバープールへ即座に再ルーティングされます。より単純な分散には、Round-Robin DNS も使えます。

継続的な監視とテストで、各最適化を検証します。測定とログで実際の改善を確認し、回帰を早期に見つけ、クライアントへ影響する前にエッジケースを明らかにします。

このデータを分析するときは、接続制限 と TCP 接続の動作 を考慮し、Cloudflare クローラー と /cdn-cgi/ エンドポイント、および Cloudflare と Google Analytics の間に起きうるデータ差 も織り込んでください。

• Cloudflare Observatory ↗: パフォーマンスの主要なダッシュボードです。標準ベースライン用の合成テスト（Google Lighthouse）と、端末や地域ごとの実際のユーザー体験を捉える Real User Monitoring (RUM) を組み合わせます。
• GraphQL Analytics API: トレンドと Timing Insights ↗ に使います。edgeDnsResponseTimeMs と originResponseDurationMs などの指標を照会し、レイテンシがどこで発生しているかを特定します。
• Web Analytics: プライバシー優先の、エッジベース RUM 分析専用です。
• Cache Analytics: Cache Hit Ratio (CHR) と「Requests by Cache Status」を分析し、オリジン負荷の原因となる未キャッシュコンテンツを見つけるために重要です。
• Ruleset Engine: TCP RTT と TCP フィールド などのネットワーク指標を含む、豊富な フィールド ライブラリを確認し、リアルタイムの接続特性に基づくルーティング、キャッシュ、セキュリティの精密なカスタムロジックを実装します。
• ログとフォレンジック:
  • Log Explorer: ダッシュボード上でリクエストログをその場照会します。Custom Log Fields で、追加のリクエストヘッダー、レスポンスヘッダー、Cookie を記録できます。
  • Logpush: 任意の Log Output Options 付きで、サードパーティ SIEM へログをエクスポートします。CSV や JSON などの形式に対応します。カスタムフィールドと長期トレンドの分析、大容量ファイルのダウンロード成功率の算出、ダウンロードスループットの分析に不可欠です。
  • Instant Logs: 即時デバッグ向けのリアルタイムトラフィック検査です。
  • Network Error Logging (NEL): サーバー側では見えない、クライアント側の接続問題を捕捉します。

• Cloudflare Telescope ↗: 主要ブラウザーすべてでテストを実行できる、オープンソースのクロスブラウザーフロントエンドテストエージェントです。CI/CD パイプラインでのパフォーマンス回帰テスト自動化に使います。
• Cloudflare Speed Test ↗: ピークスループットの飽和だけを測るのではなく、あらかじめ定義したデータブロックで Cloudflare のグローバルネットワーク上の実利用をシミュレートし、負荷時レイテンシ、ジッター、パケットロスを含む現実的な Internet 接続品質を測ります。
• Cloudflare Prometheus Exporter ↗: GraphQL Analytics API からメトリクスを取得し、Prometheus 互換形式で公開します。Grafana などのツールで、インフラ指標と並べて Cloudflare のパフォーマンスデータを可視化できます。

Cloudflare は内部指標を提供しますが、外部（サードパーティ）ツールは、クリティカルレンダリングパスの独立検証と詳細分析に不可欠です。

• WebPageTest ↗: 詳細なウォーターフォールチャートと、読み込み動作の深い分析。
• Google PageSpeed Insights ↗: Core Web Vitals 評価（Field と Lab データ）の標準です。
• DebugBear ↗: 継続監視と速度履歴の追跡に優れます。
• Pingdom ↗: 単純な、地理ベースの可用性と速度テストに便利です。
• Treo.sh ↗: Chrome User Experience Report (CrUX) データの高速な履歴可視化。