网页加载快10倍？轻量化游戏客户端的隐形革命

　　去年十二月，凌晨三点十七分，我盯着测试服里那个“加载完成”的弹窗，手还在抖——不是因为快，是刚跟前端老周在 Slack 里吵完架，他发了个 GIF：一只仓鼠在滚轮上狂奔，配字“你们要的 10 倍”。我回了个句号。他秒撤回。撤回比加载还快。

　　那天机房空调坏了，冷风从左边风口嘶嘶漏，像有人在墙后用指甲刮白板。我左手边放着半盒凉透的葱油拌面，酱油沉底了，凝成一块褐色膏体；右手边是测试机，屏幕右下角时间跳到 3:18:02 的时候，后台日志刷出一行：`[LZP] hydrate complete @ 189ms`。我拿笔在便签上抄下来，写歪了，“189”底下多了一横，像条瘸腿。

　　优胜劣汰？对。但不是你想的那种淘汰。不是谁代码写得差就下岗，是连“写不写得差”都还没资格被讨论——你项目里那套 webpack 4 + Babel 7 + React 16.13 的构建链，去年六月就已经在 CI 里挂过三次 warning，没人理，因为还能跑。直到十一月，新客户端上线，同个登录页，旧网页 1.8 秒首屏，新轻量包点开即玩，实测 189 毫秒。不是优化，是重写，是把整套 DOM 渲染逻辑塞进 WebAssembly 里跑，再用 Service Worker 把 asset 切成十六个 42KB 的 chunk 并行 prefetch。我原以为他们只是砍了 three.js，结果人家连 requestAnimationFrame 都绕过去了，直接在 canvas 上 hand-roll 了一个双缓冲绘图器。这个我敢打包票——我看清了他们的源码注释：“// skip RAF, we own the frame.”

　　小陈当时坐在对面工位，戴着降噪耳机，可我还是听见他接电话的声音：“嗯……对……不行，现在改不了……不是技术问题，是流程问题。”他讲完啪地摘下一只耳罩，露出左耳上一颗黑痣，然后伸手捏了捏自己后颈，一整个动作重复了三遍，像在调试某个卡住的关节。

文章配图，仅供参考

　　所以别扯“加载快 10 倍”这种话。这不是速度革命，是生存阈值突然拔高了十倍。以前你首页加载两秒能活，现在加载一秒八百毫秒，用户手指还没抬起来，隔壁竞品的热更新包已经把你的引导页覆盖成活动弹窗了。不是你慢了，是你所在的那一整层基建——Webpack、Sourcemap、DevTools 的 Network 面板、甚至浏览器地址栏里那个绿色小锁图标——突然都变成累赘。它们不是被淘汰，是被绕开了，像绕开一块正在融化的冰。

　　上周五下午，运维老李拎着保温杯进来，说他家孩子在学校用平板打《羊了个羊》轻量版，卡顿少，电池撑得久，问他：“爸，为啥咱家网站点一下等半天？”老李没答，拧开杯盖吹了三口气，水汽糊了眼镜。他擦完镜片又拧回去，拧得太紧，杯盖裂了条缝，水慢慢渗出来，在他掌心积了一小洼，亮晶晶的。

　　我们组现在每周二上午 10 点做一次“轻量自查”：删掉所有 node_modules 里带 `legacy` 或 `compat` 字样的包，关掉 source map，强制用 deno bundle 打包一次主逻辑，再对比大小。上周删掉了 `core-js/stable` ——不是因为它没用，是因为新 runtime 自带的 `Promise.any` 和 `AbortSignal.timeout()` 已经够用。但你知道最搞笑的是什么吗？我们删完之后跑了三天 E2E，发现有个埋点上报脚本依赖 `core-js/features/set` 的 polyfill，而它只在安卓 11 以下的 WebView 里报错。安卓 11 以下……这份额，按 GA 算，还不到 0.3%。我们开了个会，七个人，没人提议兼容。会议纪要里就写了一句：“已弃用。后续无回归计划。”

　　对了，昨天傍晚暴雨，我骑车路过电信大楼，看见楼侧外墙贴着张告示，A4 纸，胶带粘得歪斜，上面印着几行黑体字：“因光纤熔接施工，部分区域网络波动（12.17–12.20）”。我没停车，但瞥见落款盖章处洇开一小片蓝墨水，像朵快枯的绣球花。这跟加载快慢没关系。真的没关系。

　　我现在每天第一件事，不是看监控大盘，是看 Chrome DevTools 的 Coverage 面板。红，越红越好。上个月红了 68%，这个月目标 73%。不是追求极致，是怕哪天一睁眼，发现红区里突然冒出一片新绿——那是别人新开的 feature，而我们还没拆完的 legacy bundle 正躺在 cache 里假装自己还在呼吸。

　　下周起，我把团队所有本地开发服务器 default timeout 改成 800ms。超时就直接 kill 进程。谁的请求跑不过 800 毫秒，就别上 prod。老周今早微信问我：“是不是太狠？”我回：“不狠。只是终于看清，我们守着的不是网速，是淘汰通知书的邮戳日期。”

　　桌上那盒葱油拌面，我最后没吃。酱油结块了，筷子插进去，发出一声很轻的“咔”。

（编辑：站长网）

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