エッジレンダリングとは何か、なぜ重要なのか

従来の Web サーバーは、1 つの地理的リージョンにホストされます。そのリージョンに近いユーザーは高速なレスポンスを得られますが、遠いユーザーには大きなレイテンシが発生します。たとえば、東京のユーザーが US-East のサーバーからコンテンツをリクエストすると、最初のバイトが届くまでに往復時間が 200 ミリ秒以上かかります。

Content Delivery Network（CDN）は、画像、CSS、JavaScript などの静的ファイルを世界中の数十か所の Point of Presence（PoP）にキャッシュし、最も近い場所から配信します。ただし、従来の CDN はコードを実行できず、事前にビルドされた静的コンテンツを配信することしかできません。

エッジランタイムは、世界中の CDN の PoP で JavaScript を実行し、動的なリクエストに対するオリジンへの往復をなくします。リクエストを 1 つのサーバーにルーティングするのではなく、ユーザーに最も近い PoP（多くの場合、同じ都市内）で処理するため、レイテンシを大幅に削減できます。

Cloudflare Workers は、世界 300 か所以上で V8 isolate を使用して JavaScript を実行します。Lambda や Cloud Run などの serverless function とは異なり、Workers のコールドスタートはほぼゼロです。コンテナを起動するのではなく V8 isolate を再利用するため、Lambda で一般的な 100 ミリ秒以上ではなく、マイクロ秒単位になります。

エッジレンダリングとは、各ユーザーに最も近いエッジ PoP で React アプリケーションをサーバーレンダリングし、生成された HTML をすぐに配信することです。東京のユーザーには、バージニア州のサーバーではなく、シンガポールの PoP から完全にレンダリング済みの HTML ページが届きます。

US-East から配信される標準的な SSR アプリでは、東京に到達するまでに 400 ミリ秒かかることがあります（ネットワーク 200 ミリ秒、サーバーレンダリング 200 ミリ秒）。エッジレンダリングではシンガポールでレンダリングするため、ネットワークレイテンシが 30 ミリ秒に短縮され、合計 100 ミリ秒未満で HTML を配信できます。体感的な読み込み時間が 4 倍改善されます。

エッジランタイムは、完全な Node.js 環境ではありません。Cloudflare Workers では Node.js のコア API（fs、net、crypto）が使用できず、リクエストごとの CPU 時間は 50 ミリ秒に制限されます（有料プランではさらに長くできます）。メモリにも制限があり、ファイルシステムにもアクセスできません。こうした制約を踏まえた設計が必要です。

複数のプラットフォームがエッジランタイムを提供しています。Vercel Edge Functions（同じ V8 isolate モデルを基盤としています）、Deno Deploy（エッジで Deno ランタイムを使用します）、Fastly Compute（WebAssembly を使用します）などです。それぞれ API 互換性、グローバルなカバレッジ、料金モデルが異なります。

エッジレンダリングは、ほとんど静的でありながら一部のパーソナライズが必要なコンテンツに最も効果的です。たとえば、A/B テストのバリエーションがあるマーケティングページ、地域を対象にしたコンテンツを含むランディングページ、ユーザー固有の要素（ログイン状態や言語）を含むブログ記事などです。非常に動的でデータベースへの依存が大きいページでは、効果が小さくなります。

Lambda（および Cloud Run）の関数は、コンテナを起動し、コードをダウンロードし、ランタイムを初期化してから実行するため、コールドスタートに 100〜1000 ミリ秒かかります。一方、Workers はすでに稼働している V8 isolate を再利用するため、コールドスタートは 5 ミリ秒未満となり、実質的に意識する必要がありません。

本番環境の多くのアプリでは、エッジレンダリングを選択的に使用します。エッジで高速にほぼ静的なページをレンダリングする一方、認証が必要でデータベースへの依存が大きい処理はリージョナルサーバーで処理します。このハイブリッド方式なら、エッジの制約に無理に対応することなく、エッジレンダリングのレイテンシ削減効果を得られます。

Cloudflare Workers のコールドスタートが AWS Lambda と比べてほぼゼロなのはなぜですか？

エッジレンダリングは世界中の CDN の PoP で JavaScript を実行し、オリジンへの往復をなくしてレイテンシを大幅に削減します。Cloudflare Workers は V8 isolate を基盤とするマイクロ秒単位のコールドスタートを、300 か所以上で実現しています。一方で、Node.js API が使えず CPU にも制限があるというトレードオフがあります。そのため、エッジレンダリングは重いデータベース処理を伴うページよりも、マーケティングページや、パーソナライズされていても大部分が静的なコンテンツに適しています。