CDN主要缓存静态资源，包括HTML页面、CSS样式表、JavaScript脚本、图片、视频文件以及字体文件等，通过将这些内容分发到离用户最近的边缘节点，显著降低源站负载并提升访问速度。
当你在浏览器地址栏输入网址并回车时，背后其实是一场与时间的赛跑，CDN（内容分发网络）就像是一个遍布全球的高速物流中转站，它把原本需要从遥远仓库（源站）发货的商品，提前搬运到了各个社区的分拣中心（边缘节点），对于访问者来说，这意味着更快的加载速度和更稳定的连接体验，但很多人并不清楚，到底哪些东西会被“留”在分拣中心，哪些必须“原路返回”仓库，理解这一点,对于优化网站性能至关重要。
CDN缓存了哪些类型的静态资源
CDN的核心逻辑是“静态优先”，所谓静态资源，就是指那些内容固定、不会随用户操作而实时改变的文件，业内专家指出，绝大多数CDN服务商默认开启对这类资源的缓存,因为它们占据了网站流量和带宽的绝大部分。
常见的图片与媒体文件缓存
图片是互联网上最消耗带宽的资源之一，无论是网站头部的Banner图，还是文章中的配图，甚至是背景装饰图，只要URL不变,CDN就会将其缓存。
- 图片格式：包括常见的JPG、PNG、GIF、WebP以及新兴的AVIF格式。
- 多媒体文件：MP4、WebM等视频文件，以及MP3、WAV等音频文件。
- 缓存策略：对于这类大文件，CDN通常设置较长的缓存时间，如7天、30天甚至更久,以减少重复下载。
以电商网站为例，当用户浏览商品详情页时，CDN会将商品主图、缩略图直接推送给用户的浏览器，而不需要去询问源站服务器“这张图长什么样”，这种机制使得即使源站服务器瞬间崩溃，用户依然能看到图片,只是可能无法完成购买操作。
前端代码文件的缓存优化
现代Web应用高度依赖前端代码，CSS（层叠样式表）和JavaScript（脚本文件）是构成页面样式和交互逻辑的基础。
- CSS文件：控制页面的布局、颜色、字体等视觉表现。
- JS文件：实现页面的动态效果、数据请求和用户交互。
- HTML文件：虽然HTML是动态生成的，但如果是纯静态的HTML页面（如企业官网的“关于我们”）,也会被CDN缓存。
值得注意的是，为了防止代码更新后用户仍加载旧版本，开发者通常会在文件名中加入哈希值（如app.abc123.js），只要文件名改变，CDN就会视为新文件，从而强制刷新缓存，这种技术手段解决了“缓存污染”的问题，确保用户总能拿到最新的代码版本。
与API请求的处理机制
都会被缓存，对于那些需要实时数据、用户个性化信息或频繁变动的内容，CDN通常采取“回源”策略,即直接向源站请求最新数据。
哪些数据不会被缓存
理解“不缓存”的边界,有助于你更好地设计架构。
- 用户登录状态：涉及Session ID、Token等敏感信息，必须实时验证,严禁缓存。
- 个性化推荐内容：不同用户看到的新闻列表、商品推荐完全不同,无法统一缓存。
- 实时交易数据：如股票价格、库存数量、订单状态,必须保证数据的绝对实时性。
- API接口返回：大多数POST请求和涉及用户身份的GET请求,默认不缓存。
动态加速与缓存穿透
不缓存，但CDN依然可以通过“动态加速”技术来提升体验，它利用优化的网络链路（如BGP多线接入、QUIC协议）来减少网络传输延迟,而不是通过存储数据来提速。
如果大量请求直接穿透CDN到达源站，会导致源站压力剧增，对于部分半动态内容（如热门新闻列表），可以采用“短缓存”策略，例如缓存5秒或10秒，这样既保证了数据的相对新鲜，又大幅降低了源站负载，据统计，合理配置短缓存策略，可使源站QPS（每秒查询率）降低较大比例。
缓存命中与未命中的性能差异
在评估CDN效果时，“缓存命中率”是一个核心指标，命中率越高，用户访问速度越快,源站成本越低。
缓存命中的优势
当请求命中缓存时,数据直接从边缘节点返回给用户。
- 速度极快：通常只需几毫秒到几十毫秒。
- 节省带宽：源站无需处理该请求,节省出口带宽费用。
- 提升稳定性：即使源站故障,缓存数据仍可正常访问。
缓存未命中的影响
当请求未命中缓存时,CDN需要向源站发起回源请求。
- 延迟增加：多了一次网络往返时间（RTT）。
- 源站压力：源站需要处理计算、数据库查询等复杂逻辑。
- 成本上升：源站带宽和计算资源消耗增加。
为了优化这一过程，开发者需要合理设置缓存过期时间（TTL），时间太短，命中率低，源站压力大；时间太长，用户可能看到过期内容,这是一个需要不断权衡的艺术。
如何配置CDN缓存策略以提升效率
掌握理论后，实操是关键,以下是配置CDN缓存策略的具体步骤和建议。
设置缓存过期时间
- 静态资源：为图片、CSS、JS设置较长的过期时间,如1天至1个月。
- HTML页面：根据更新频率设置,如1小时至1天。
- 动态接口：通常设置为0，即不缓存,或极短时间如5秒。
利用缓存控制头
通过HTTP响应头Cache-Control和Expires来精确控制缓存行为。
public：允许中间节点（如CDN）缓存。private：仅允许用户浏览器缓存,CDN不缓存。no-cache：每次请求都需向源站验证,但可缓存内容。no-store：完全不缓存,每次获取最新数据。
主动刷新与预热
更新时,不要等待缓存自然过期。
- 刷新：立即清除CDN节点上的旧缓存,确保用户获取最新内容。
- 预热发布前，主动将新内容推送到CDN边缘节点,避免首次访问时的回源延迟。
对于高流量网站，预热功能尤为重要，据行业共识认为，合理的预热策略可将首屏加载速度提升显著比例,尤其在大型活动或新品发布期间。
CDN缓存策略对SEO的影响
搜索引擎优化（SEO）不仅关乎内容质量，也关乎技术性能，CDN缓存策略直接影响网站的加载速度,进而影响搜索排名。
速度是排名因素
Google和百度都将页面加载速度作为重要的排名信号，缓存命中率高的CDN能显著提升LCP（最大内容绘制）和FCP（首次内容绘制）指标。
避免缓存污染导致的SEO问题
如果CDN缓存了错误的版本（如未更新的robots.txt或sitemap.xml），搜索引擎爬虫可能会抓取到过时信息，导致索引错误，必须确保关键SEO文件的缓存策略正确,或在更新后及时刷新。
移动端与桌面端的差异化缓存
针对不同设备，可以设置不同的缓存策略，移动端图片可以使用较小的尺寸，桌面端使用高清大图，CDN支持基于User-Agent或设备类型的差异化缓存,从而为不同用户提供最佳体验。
常见问题解答
CDN缓存了哪些动态API数据
CDN默认不缓存动态API数据，如用户个人信息、实时订单状态等，但对于部分只读且更新频率较低的接口（如热门新闻列表、商品分类），可配置短缓存时间（如1-5分钟）以提升性能，具体是否缓存取决于接口返回的HTTP头设置，如Cache-Control: max-age=60。
CDN缓存了哪些静态资源会导致更新不及时
CSS、JS、图片等静态资源若设置了较长的缓存时间，更新后用户可能仍加载旧版本，解决方法是使用文件名哈希（如style.v1.css）或在更新后通过CDN控制台主动刷新缓存URL。
CDN缓存了哪些HTML页面影响SEO
纯静态HTML页面会被CDN缓存，若页面内容频繁变动，应设置较短的缓存时间或启用动态加速，对于包含动态内容的HTML，建议通过API获取数据，HTML本身保持静态并缓存,以平衡速度与实时性。
首发原创文章，作者：王坚，如若转载，请注明出处：https://test.idctop.com/article/296307.html
