CDN 加速CDN
网络基础从离用户更近的服务器加载图片和脚本，加快网页打开
CDN 会把图片、CSS 和 JavaScript 等适合缓存的文件分发到多个节点，用户可以从较近的位置获取。实际速度取决于地区、缓存规则和源站状态，更新文件时也要处理旧缓存。
🖥️源站文件原件
→
📍 香港节点（副本）18ms
📍 法兰克福节点（副本）22ms
📍 洛杉矶节点（副本）26ms
什么时候用
- 图片、JS、CSS 等静态资源走 CDN，页面秒开logo.pngCDNapp.jsCDN静态资源交给 CDN 发
- 用托管平台部署，CDN 自带，发版即全球分发部署成功，已分发至全球节点
- 全球用户就近取文件，国内海外都快深圳用户香港节点 · 18ms柏林用户法兰克福 · 22ms
- 文件更新后刷新缓存（Purge），节点重新回源取新文件logo.png 更新了刷新缓存Purge 后节点重新回源取新文件
什么时候不用
- 大图片全从源站直出：海外用户每张图都在转圈柏林用户直连源站 · 380ms每张图都跨半个地球
- 改了图文件名不变：节点还在发旧缓存，用户看到旧图logo.png缓存 30 天换了新图，用户看到的还是旧的
- 把实时数据也长时间缓存：余额、库存全是旧数据/api/balance缓存 1 小时余额都敢缓存，数据全是旧的
- HTML 缓存设一年：发了新版，用户死活刷不出来index.html缓存 1 年发了新版，用户也刷不出来
组成结构 · Anatomy
🖥️源站→📍 香港节点18ms📍 法兰克福节点22ms缓存 30 天
1源站Origin文件的原件，只有节点没存货时才被取用
2边缘节点Edge Node离用户近的分发仓，存着文件副本直接发
3缓存Cache节点把文件留一份的时长；到期或 Purge 才回源换新
常见变体 · Variants
静态资源加速Static Assets
cdn.vibeui.dev/logo.png
图片、JS、CSS 放边缘节点发
全站加速Full Site
vibeui.dev Edge
HTML 也走节点，动态部分回源
对象存储 + CDNOSS + CDN
uploads.vibeui.dev/u/8f2k.jpg
用户上传的图也交给 CDN 发
典型使用场景
部署成功全球分发
🚀
部署成功
vibeui.dev 已更新，用时 38 秒
✓ 已分发至 26 个边缘节点
静态资源经全球 CDN 加速，HTTPS 证书已自动续期
节点与延迟对照
边缘节点 · 实时延迟
📍 香港
服务：深圳、广州
18ms
📍 法兰克福
服务：柏林、巴黎
22ms
📍 洛杉矶
服务：旧金山、西雅图
26ms
同一批文件，每个用户都从最近的节点取
缓存命中率看板
CDN 缓存 · 最近 7 天
缓存命中率
92.4%
回源请求
7.6%
源站带宽省下
86 GB
九成多的请求在节点就解决了，源站几乎没压力
手动刷新缓存
刷新缓存
让全球节点丢掉旧文件，重新回源取最新版
✓ 已刷新 26 个节点，约 30 秒内全球生效