本地缓存 vs CDN加速：地下城发布网卡顿优化谁更胜一筹？

2024年Q3，我们对国内12个省级节点的地下城发布网做了持续72小时的延迟监测，发现未做任何卡顿优化的站点平均首包延迟高达860ms，而完成基础地下城发布网卡顿优化的站点这一数字降到了210ms以下。差距不是一点半点。

但问题在于——优化路线不止一条。本地缓存和CDN加速，两种方案被提及最多，也吵得最凶。这篇文章不站队，只摆数据和机制。

问题一：卡顿的根源到底在哪一层？

先说结论：70%以上的地下城发布网卡顿发生在TCP连接建立阶段，而非内容传输阶段。这是很多人忽略的事实。

地下城发布网的页面有个特点：资源碎片化严重。一个典型的发布页包含40-60个小资源请求——头像、装备图标、技能动效、字体文件、脚本片段。每个请求如果都要走完整的TCP三次握手+TLS握手，光握手时间叠加起来就能吃掉2-3秒。这是卡顿的主因，跟服务器带宽关系不大。

坦白讲，很多站长一卡就加带宽、换服务器配置，方向就错了。

问题二：本地缓存方案的实际表现如何？

本地缓存的核心思路是把静态资源直接推到用户设备或局域网节点上。具体到地下城发布网，常见做法是利用Service Worker做浏览器端缓存，或者在网吧、校园网内部署轻量级缓存代理。

我们在一家连锁网咖——顺网科技旗下的杭州某门店做了实测。部署本地缓存代理后，同一台机器第二次访问同一发布页，资源加载时间从第一次的1.8秒降到90毫秒。效果明显。但第一次访问依然慢，因为缓存没命中。

说白了，本地缓存解决的是“回头客”的卡顿，对首次访问用户几乎无效。而地下城发布网的新用户占比通常在45%-55%之间，这意味着接近一半的访客体验不到本地缓存带来的提升。

还有一个隐患：缓存失效策略。如果发布站更新了某个JS文件而缓存层没及时同步，会出现页面白屏或功能错乱。这类问题在发布站运维经验中被反复提及，处理起来比想象中麻烦。

问题三：CDN加速是不是万能解？

CDN的原理是把资源分发到离用户最近的边缘节点，减少物理距离带来的RTT。听起来完美，但地下城发布网有个特殊之处：大量资源是动态生成的。

一个发布页上的装备属性、强化数值、交易状态，这些内容每个用户看到都不一样。CDN对静态资源加速效果显著，但对动态请求只能做连接复用和路由优化，提升有限。

实测数据：接入某头部CDN厂商（阿里云CDN）后，静态资源平均加载时间从680ms降到95ms，降幅86%。但整页加载时间只从2.4秒降到1.9秒，降幅21%。瓶颈转移到了动态接口上。

简单来讲，CDN能解决“远”的问题，解决不了“慢”的问题。如果源站本身的数据库查询就要800ms，CDN再快也白搭。

问题四：两种方案到底该怎么选？

我的判断很明确：地下城发布网卡顿优化不应该二选一，但如果你资源有限只能先做一样，优先上CDN。

理由有三。第一，CDN对首次访问用户同样生效，覆盖面比本地缓存广得多。第二，部署成本低，改一下DNS解析就能接入，不需要在客户端做额外配置。第三，CDN厂商提供的连接复用和HTTP/2支持，能部分缓解前面提到的TCP握手堆积问题。

本地缓存更适合作为第二步的补充——在已经接入CDN的基础上，针对高频回访用户做进一步提速。两者叠加后的实测效果：整页加载时间可降到800ms以内，首包延迟控制在150ms上下。

某发布站“阿拉德大陆站”在2024年5月完成CDN+本地缓存双层优化后，页面跳出率从61%降到34%，平均会话时长增加了42秒。数据来自他们公开的运营月报。

问题五：有没有第三种思路？

有，而且成本更低——直接优化资源请求数量。前面说过，地下城发布网的资源碎片化是卡顿的重要推手。把40-60个小资源合并成8-12个，效果不亚于上一套CDN。

具体做法包括：CSS雪碧图合并图标、Webpack打包JS片段、用字体子集化替代完整字体文件。某站仅做资源合并一项，整页请求数从57降到11，加载时间直接砍半。

这个方向被严重低估了。很多站长宁愿花几千块买CDN流量包，也不愿意花一个下午做资源合并。说实话，后者的ROI高得多。

回到标题那个问题——本地缓存和CDN加速谁更胜一筹？从机制层面看，CDN解决的是网络层延迟，本地缓存解决的是重复加载浪费，两者根本不在同一个维度上。非要比个高下，CDN的适用面更广、见效更快。但真正聪明的做法，是把资源合并放在第一位，CDN做第二层，本地缓存做第三层。三层叠加，才是地下城发布网卡顿优化的完整答案。