网页游戏资源卡顿？三步热更新零停机

　　去年三月，凌晨两点十七分，我蹲在虹桥机房B3区第三排机柜前面——就是那个散热风扇总卡住半片叶片、嗡嗡声像拖拉机挂二挡的地方。李工叼着没点着的烟站在旁边，手一直悬在键盘上方三十厘米，不敢按回车。王璐刚把一盒冷掉的麻辣香锅推到桌子左边，汤汁洇开了笔记本上“热更兜底策略v7.2”的打印字迹。我盯着监控面板上AssetLoader的Pending队列涨到四百一十八，心说：又来了。

文章配图，仅供参考

　　第一步，CDN预热。不难。但得有人盯住边缘节点缓存穿透的时机。我们试过用hash前缀控制加载，也试过用mtime做version bump，结果都一样：某个华北小城的联通出口节点，每次都要等它自己从sleep状态醒来——不是延迟，是真·打呼噜式休眠。我敢打包票，那个节点后台运行着七个不同版本的nginx配置，其中三个没reload过。上周三运维老赵接了个电话，讲了十七分钟，挂了就说“好了”，我问他改哪儿了，他说“把/asset/js下面那个软链指向重指了”。我没再问。有些事，指出来就是给自己找bug单。

　　第二步，资源置换。这里卡得最狠。不是逻辑错，是浏览器自己抽风。你发一个fetch带cache: 'reload'，Chrome能把它当no-cache处理，而Safari偏偏在iOS16.4之后把etag验证塞进了prefetch线程，等它校验完，玩家已经点开第三个副本入口了。王璐有次在devtools里手动clear memory cache，手指抖得连console.clear都输错三次，最后敲出来的是consoe.clear()，她自己看了三秒才笑出来，然后把鼠标垫推到显示器底下，露出底下贴着的便签：“别信MDN文档里‘浏览器保证’那句话”。

　　第三步……算了，第三步根本不是技术步骤，是甩锅仪式。PM在飞书群发“已灰度”，后端发个k8s rollout restart，前端切个feature flag——全靠人肉对表。我见过最离谱的一次，是某次热更后十分钟，玩家反馈黑屏，查下来是美术同学上传了一张23.7MB的PSD格式导出PNG，名字叫“hero_idle_2x.png”，而我们loader里有一行硬编码判断：if (url.endsWith(‘_2x.png’) && size < 12MB) {...}。这个size限制是谁加的？没人记得。翻Git log显示是2021年9月2日14:03，作者栏写着“gitlab-sync-bot”。我说不准这是谁的小号，但我知道那天机房空调坏了，温度飙到二十九度，服务器告警灯亮得像迪厅。

　　优胜劣汰？对。但不是资源优胜劣汰，是人。留下来的都是能把“资源404”跟“用户误触刷新”一秒区分出来的；能把chrome://net-internals/#events里的URL_REQUEST失败原因读成文言文的；能看一眼Webpack Bundle Analyzer的饼图就骂出“谁把lodash-es整个打进vendor了”的。淘汰的呢？淘汰的是还相信“打包后静态资源不会变”的；相信“所有CDN节点时间同步”的；相信“美术交的资源路径一定规范”的。张总监上周还在会上说“我们要做一次彻底的技术归零”，说完自己先掏出手机回消息，屏幕锁屏壁纸是孩子乐高拼的蜘蛛侠——头盔歪了十五度。

　　说到乐高……昨天我家娃把我电脑桌上那包开封的苏打饼干全捏碎了，塞进显卡风扇进风口。我拿气吹的时候发现，风扇背面粘着两粒蓝莓干，油乎乎的，像是去年十一月哪次加班夜宵掉进去的。现在只要机器满载，那风扇就发出一种闷闷的、带着果酱甜味的杂音。

　　所以三步热更新真能零停机？能。只要你不介意玩家卡在loading动画里那十八秒，只要你不拆开看内存里还蹲着六个旧版TextureAtlas的引用，只要你不打开Performance面板——看到JS堆栈里那个反复new Promise但永远不resolve的fetch wrapper。我原以为删掉这段逻辑就行，结果删了之后，CanvasContext的onload回调反而更乱，因为某位前辈写了个闭包兜底，把failed request的url存进了window.__RETRY_MAP，而这个map，现在还在那儿，比我的工牌挂绳还结实。

　　对了，李工后来把那根没点着的烟收起来了。我问他为啥，他说他女儿开始背乘法表了，最近总纠正他：“爸爸，三五不是十五，是…嗯…你等等，我数数。” 我说那你教她算CDN命中率吧，他摇摇头，从包里掏出一包没拆封的薄荷糖，撕开一角，塞进机柜缝隙里——那里常年积灰，有股类似旧纸箱混着焊锡的味道。

　　下一步？我准备把resource-loader的retry逻辑，改成只重试三次，且第三次必须弹窗让用户选：“继续等待”或“加载轻量皮肤”。不为别的，就为看看有多少人点“轻量皮肤”——然后我们把那个皮肤，设成新默认。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!