术语图鉴/前端基础/CDN
←→切换Esc返回

CDN Content Delivery Network

你可能会说

网站在国外打开很慢,有没有办法让全球用户都能快速访问?

CDN 把静态资源缓存到全球各地的边缘节点,用户从最近的节点获取内容,大幅降低延迟。

把网站文件复制到全球各地的服务器上。用户访问时从离自己最近的节点加载,速度飞快。

也常被叫作Content Delivery Network

生活类比

像连锁便利店——不用跑总仓库买东西,楼下那家就是「离你最近的缓存」。

🎮 动手试试

👇 模拟不同地区用户访问同一资源

🇨🇳 上海 12ms
🇯🇵 东京 45ms
🇺🇸 纽约 180ms
🇩🇪 法兰克福 150ms
CDN 自动选择最近节点 → 延迟 12ms
选择题选择一个你认为最合适的答案

关于「CDN」,以下哪个描述最准确?

你可以这样告诉 AI

帮我把项目的静态资源(图片、字体、JS/CSS)配置 CDN 加速,用 Cloudflare 或 Vercel 的 Edge Network。

容易混淆?这样区分

CDN Content Delivery Network≠
云服务器 VPS

云服务器是单一地点的计算机,CDN 是全球分布的缓存网络。CDN 不运行代码,只分发静态文件。

CDN Content Delivery Network≠
对象存储 S3 / R2

对象存储是文件的「仓库」,CDN 是文件的「快递网络」。通常搭配使用。

什么时候用

加速全球访问

图片、字体、JS/CSS 等静态资源放 CDN,用户从最近的节点下载,跨国访问延迟从秒级降到毫秒级。

和 AI 协作时

想让 AI 帮你配 CDN 时,直接说「把静态资源部署到 CDN,用 Cloudflare 或 Vercel 的边缘网络」。

什么时候不用

本地开发环境

开发时用 localhost 直接引用本地文件即可,连 CDN 反而增加网络依赖和调试复杂度。

纯动态接口项目

只提供 API 的后端服务没有静态资源需要分发,CDN 用不上。

组成结构 · Anatomy

1
核心概念Core

把网站文件复制到全球各地的服务器上。用户访问时从离自己最近的节点加载,速度飞快。

2
实际表现In Practice

像连锁便利店——不用跑总仓库买东西,楼下那家就是「离你最近的缓存」。

3
与 AI 的关联AI Context

和 AI 沟通时提到「把图片放 CDN 上」,就是让全球用户都能快速加载。

典型使用场景

静态资源加速
告诉 AI「帮我把项目的图片和字体文件部署到 CDN 上,打包时自动把资源路径替换成 CDN 地址」
想弄懂概念时
告诉 AI「用大白话给我解释什么是CDN,举个生活中的例子」

延伸阅读