云端部署卡顿？13年老司机三招直降70%延迟

文章配图，仅供参考

　　我原以为是CDN缓存击穿，结果抓包一看，连预检请求都卡在 OPTIONS 阶段不动弹。小王在 Slack 里甩来个截图：同一台机器、同一网络、同一时间，ta 本地起的 vite dev server 跑得比我们线上快四倍。我点开那个截图——ta 屏幕右下角时间显示 03:22，而我的监控告警是 03:21:58，差两秒。这事儿我说不准，但差两秒对不上，我就没往下查。

　　三招？真不是吹牛。第一招是砍掉所有“云端”字眼——我们把 Cloudflare Workers 里那段路由逻辑全删了，换成本地 Nginx 的 map + return 302。不经过 V8 引擎，不走 JS runtime，就纯文本匹配。上线后首屏 TTFB 直接掉下去七成，但我打包票的是：这个操作本身没动任何一行业务代码，可运维小刘当天早上改了三遍 config，最后一次重启时手抖输错了个分号，nginx -t 过不去，他在工位上啃了半块冷掉的生煎，油滴在键盘 F5 键上，擦不掉。

　　第二招，停掉 Webpack 的 splitChunks 硬切 chunk。不是优化，是反向退化——让所有页面都带上 vendor.js，哪怕它现在有 3.2MB。你笑？我见过三个项目因为 splitChunks 自动切出一个 47KB 的 “common-utils-abc123.js”，而这个 chunk 永远只被 index.html 引一次，但 CDN 缓存策略却把它设成了 10 分钟过期。结果每 10 分钟刷新，浏览器就得重新下载它三次（prefetch、preload、执行）。我们干脆把它焊死进主包。上线后 LCP 掉了，FID 也没变好，但 TTFB 下降曲线特别直——就像拿刀划下去的。

　　第三招最糙：强制禁用所有客户端 fetch 的 keep-alive。加了一行 request header：Connection: close。你别翻白眼，我知道 HTTP/1.1 默认就是长连接，我知道现代浏览器会复用 TCP。可我们实测下来，某型号华为 EMUI 12.1 在弱网下复用连接时，第二个请求平均要等 682 毫秒才真正发出去；而主动关掉，直接建新连，平均 219。这个数据我敢打包票，因为我录了三天的 Wireshark，抓包文件存在桌面那个叫 “huawei-no-keepalive-202402” 的文件夹里，第三天下午四点零七分，产品经理林薇推门进来问“首页按钮能不能圆角再加两个像素”，我没抬头，她自己拿鼠标点了三下 DevTools 的 Elements 面板，然后走了。桌上那杯星巴克已经凉透，奶盖结了层薄皮。

　　优胜劣汰？可不是指技术淘汰人。是指线上活下来的每个请求，都踩着至少三个没活下来的失败路径——那个没加载出来的 polyfill，那个忘了加 crossorigin 的字体，那个被 CSP block 掉的 Sentry 日志上报。我们删掉 Cloudflare 的那段 JS，是因为它每次执行都要 call 两次 crypto.subtle.digest，而这个 API 在旧版 Safari 里会同步 block 渲染线程。你知道为啥吗？因为某天凌晨五点，测试组的小陈用 iPhone Xs 看首页，截图发到群里，说“这个加载动画停了三秒”，我把那张截图放大，发现第三帧和第四帧之间，animation-timing-function 的贝塞尔值被浏览器吃了两位小数——不是 bug，是 Apple 的实现差异。这事我没再提，但后来我们所有 CSS 动画里，cubic-bezier 全改成关键字写法：ease-in-out，不敢写数字。

　　对了，那天中午外卖到了，是“黄焖鸡米饭”，饭盒底下垫着一张湿漉漉的纸巾，不知道是店家擦过桌子还是送餐员手汗洇的。我打开盒盖，鸡肉下面压着两块没拆包装的榨菜，红色塑料袋封口还粘着米粒。我吃了，挺咸。然后回去调了十五分钟的 DNS TTL，从 300 改成 60——不是为了提速，是为了让灰度切流的时候不至于等五分钟。但改完不到两小时，CDN 厂商那边说他们内部有个配置覆盖机制，会强制把 TTL 设为 180。这事我没吵，只回了句“收到”，然后关掉了所有监控看板的弹窗提醒。现在我的屏幕右上角，始终飘着一个半透明窗口，写着“last updated: 22:41”，那是我自己写的 chrome extension，不连任何 API，纯用 setInterval 记时间——因为它从来不会卡顿。

　　你问我三招有没有通用性？我只能说，上个月我在成都见着个做小程序的兄弟，他用 uni-app，云开发绑腾讯云，首屏稳在四秒二，我说试试把云函数返回的 JSON 字段名全缩成单字母，他不信。我走后他真试了，压缩率只高 1.3%，但微信基础库在解析长字段名时有个隐藏的字符串哈希慢路径……这事我还没验证，所以不展开。但你知道的，这种事，信一半，试一下，再烧根烟——烟头摁灭前，八成已经出结果了。

　　我现在桌面上还有两个未关闭的 terminal 标签页：一个是 curl -I https://api.xxx.com/v3/user 的输出，另一个是 vi 打开的 nginx.conf.bak —— 里面注释掉的一行 rewrite，写着“# 不要打开，这是去年双十一救急写的临时兜底，但没人记得为什么不能删”。我没删。先喝口水。

（编辑：站长网）

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