【しーでぃーえぬ】

CDN とは?

💡 コンテンツを世界中に「分散配置」して高速配信
📌 このページのポイント
CDN(コンテンツ配信ネットワーク) Origin Server オリジン(本体) コンテンツをキャッシュ配布 Edge Server アジア Edge Server ヨーロッパ Edge Server 北米 👤 👤 👤 👤 👤 👤 👤 👤 👤 低遅延 低遅延 低遅延 ユーザーに最も近いエッジサーバーからコンテンツを配信し、表示速度を向上
世界各地のエッジサーバーからユーザーに近い場所で配信する仕組み
ひよこ ひよこ

CDNがないとどうなるの?

ペンギン先生 ペンギン先生

東京にあるサーバーにニューヨークからアクセスすると、物理的な距離による遅延(レイテンシ)が発生するよ。光の速度は有限だから、太平洋を往復するだけで100ms以上かかる。CDNならニューヨーク近くのサーバーからコピーを配信するから、数msで応答できるんだ

ひよこ ひよこ

キャッシュの仕組みは?

ペンギン先生 ペンギン先生

初回アクセス時にCDNのエッジサーバーがオリジン(元サーバー)からコンテンツを取得してキャッシュ。2回目以降はキャッシュから返す。Cache-Controlヘッダで有効期限を制御。コンテンツ更新時はキャッシュパージ(削除)で最新版に差し替えるよ

ひよこ ひよこ

動的コンテンツもCDNで配信できる?

ペンギン先生 ペンギン先生

最近のCDNはエッジコンピューティング機能を持っていて、Cloudflare Workers、Vercel Edge Functions、AWS Lambda@Edgeでエッジサーバー上でコードを実行できるよ。A/Bテスト、パーソナライゼーション、認証チェックなどをユーザーに近い場所で処理できるんだ

ひよこ ひよこ

個人サイトでもCDN必要?

ペンギン先生 ペンギン先生

Cloudflareの無料プランは個人サイトでも十分使えるよ。DNSの設定を変えるだけでHTTPS化、DDoS防御、キャッシュによる高速化が全部タダ。VercelNetlifyでホスティングすれば、CDN込みで自動的にグローバル配信される。現代のWebではCDNはデフォルトと言ってもいいね

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「CDN」って出てきたら「世界中のサーバーからコンテンツを最速で届ける仕組み」と思えればだいたいOK!
📖 おまけ:英語の意味
「Content Delivery Network」 = コンテンツ配信ネットワーク
💬 Content(コンテンツ)をDelivery(配信)するNetwork(ネットワーク)だよ
← 用語集にもどる