【30 秒读完 · 核心结论】 CDN 不只是加速图片。
电商用好 CDN 能做到 3 件事：页面秒开 / 节省带宽成本 / 抗 DDoS 攻击。
关键不是"用不用 CDN"，是"怎么用 CDN"。

CDN 加速在电商系统的 3 个真实价值（不只是加速图片）

一、CDN 是什么（30 秒定义）

CDN（Content Delivery Network，内容分发网络）是把源站的内容缓存到全国各地的边缘节点，用户访问时从最近的节点获取，无需回源。

举个例子：

• 源站在北京（1 个机房）
• CDN 在全国有 2000+ 个边缘节点
• 深圳用户访问 → 从深圳边缘节点获取（延迟 10ms）
• 如果没用 CDN → 直接访问北京（延迟 50ms+）

二、3 个真实价值

价值 1：页面秒开（最直接）

数据：使用 CDN 后，电商首页加载时间从 3-5 秒降到 1 秒以内。

原理：

• 静态资源（图片 / CSS / JS / 视频）缓存在边缘节点
• 用户访问时只回源拉取动态数据（HTML 接口）
• 静态资源从最近的边缘节点获取，延迟 < 50ms

效果：

• 跳出率降低 20%+
• 转化率提升 5-10%
• SEO 排名提升（Google / 百度都把页面速度作为排名因子）

价值 2：节省带宽成本（最实在）

数据：电商 80% 的流量是图片和视频，CDN 能把源站带宽降低 80%+。

原理：

• 100 万 PV/天的电商站，源站带宽需要 1 Gbps
• 使用 CDN 后，源站带宽降到 200 Mbps（80% 被 CDN 缓存）
• 服务器成本 = 5 倍差距

真实账单：

• 不用 CDN：服务器月成本 5-10 万
• 用 CDN：服务器月成本 1-2 万 + CDN 月成本 3-5 万
• 净节省：40-60%

价值 3：抗 DDoS 攻击（最关键）

数据：电商大促期间最容易遭受 DDoS 攻击。CDN 的边缘节点可以分散攻击流量。

原理：

• 攻击流量 100 Gbps
• 分散到全国 2000+ 边缘节点
• 每个节点只承受 50 Mbps 攻击流量
• 源站几乎不受影响

真实案例：某头部电商在大促期间遭遇 50 Gbps DDoS 攻击，因使用 CDN 业务未受影响；同期另一未用 CDN 的电商因 20 Gbps 攻击导致 4 小时宕机，损失千万 GMV。

三、CDN 选型 5 个关键指标

指标 1：节点覆盖

国内业务：至少 1000+ 边缘节点（阿里云 / 腾讯云 / 华为云都达标）。

海外业务：需要海外节点（Cloudflare / Akamai / AWS CloudFront）。

指标 2：命中率

命中率 = CDN 缓存命中次数 / 总请求次数。命中率越高，源站压力越小。

行业基准：电商图片命中率应 > 90%，视频命中率应 > 80%。

指标 3：刷新机制

商品图片更新后，需要 CDN 立即刷新（不能等缓存过期）。主动刷新接口是关键。

指标 4：回源策略

回源方式：分协议回源（HTTP / HTTPS）、分目录回源。

回源带宽：限制回源带宽，避免 CDN 故障时源站被打爆。

指标 5：HTTPS 支持

全站 HTTPS 是必选，CDN 必须支持 SSL 卸载（减轻源站 CPU 压力）。

四、3 个常见误区

误区 1：以为 CDN = 万能加速

错！CDN 加速的是静态资源。动态数据（接口返回的 JSON）仍然要回源，CDN 加速有限。

解决：动态数据用 API 网关 + 缓存层（Redis）优化。

误区 2：用了 CDN 就安全

错！CDN 只能抗 DDoS，不能防 SQL 注入 / XSS / 业务逻辑漏洞。

解决：WAF + 安全开发规范 + 渗透测试。

误区 3：图片全部用默认配置

错！商品图 / Banner / 详情图应该用不同缓存策略。

解决：

• 商品图：长缓存（30 天）
• Banner：短缓存（1 小时）+ 主动刷新
• 详情图：中等缓存（7 天）+ WebP 自适应

五、4 个进阶技巧

技巧 1：图片自动转 WebP

支持 WebP 的浏览器用 WebP（图片体积小 30%），不支持的用原格式。平均节省 30% 带宽。

技巧 2：移动端图片压缩

移动端不需要 PC 端那么大的图片。根据 UA 返回不同尺寸。

技巧 3：边缘计算

CloudFlare Workers / 阿里云边缘函数，在 CDN 节点跑代码，无需回源。

技巧 4：智能预热

大促前主动把热门商品图片预热到 CDN 节点，避免大促时命中率低。