CDN 加速
CDN 加速:内容分发网络让资源离用户更近,降低延迟,减轻源站压力。
#type / concept
#status / evergreen
#tech / dev / frontend
[!info] related notes
- 所属 MOC: 前端性能优化 MOC
- 前置概念: HTTP 缓存
- 并列概念: resource-compression, critical-path-optimization
CDN 加速
一句话定义
CDN(内容分发网络)通过把资源部署到离用户最近的边缘节点,让资源更快到达浏览器,同时减轻源站压力。
核心内容
CDN 解决两个问题
- 离用户更近,降低延迟:用户从最近节点获取资源,而不是跨地域访问源站
- 减轻源站压力:静态资源由 CDN 分发,源站只处理动态请求
适合走 CDN 的资源
- JavaScript、CSS 静态资源
- 图片、字体、视频
- 下载资源
注意点
- 域名预解析:避免 CDN 域名解析耗时
- 缓存命中率:CDN 缓存命中率越高,效率越好
- 资源更新策略:文件名带 hash,内容变更自动失效
- 跨域配置:CORS 配置正确
边界与易混淆点
CDN vs 源站
- CDN 是”缓存层”,不是”替代层”
- 动态接口通常不走 CDN
- 首次访问可能回源,后续才命中缓存