11年运维实战：建站资源3步瘦身，加载提速1.8倍

　　去年劳动节，老周蹲在IDC机房二楼配线间里换光模块，我俩对着那台挂了八年的F5做会话摘除——他左手捏着光纤跳线，右手还在擦汗，后颈上黏着半片没撕干净的创可贴。窗外雨下得不急不慢，但楼顶排水管堵了，水顺着空调冷凝管滴到UPS电池柜顶上，咚、咚、咚，跟心跳似的。我原以为就清个缓存、压个图、顺手关个WebP兜底开关，三小时收工。结果老周接完一个电话，转身把监控大屏切到了Chrome DevTools的Network页签，说：“你瞅瞅这JS体积。”

　　他指的那个bundle.js是前年重构时留下的遗孤，打包工具版本锁死了，webpack.config.js里还写着“// TODO: 用tree-shaking”，下面压着一行注释：@deprecated by product team 2021.03。我们没动它，真没动——但上季度末运维巡检发现它被自动引入了十七个新页面，其中三个压根没用React。这个我敢打包票。不是因为日志有记录，是因为昨天晨会小杨提了句“首页白屏时间飘高了”，我翻CDN日志看到的请求路径带/legacy/webpack/，那个斜杠后面跟着两个字母：a和z，别的没多，就是a和z。不信？你自己去查log-20240429-17。

　　第一步瘦身，不是删代码，是拔电源——准确说，是拔掉那台放在测试环境、但配置文件里还挂着production域名的Nginx实例。它开着，每分钟吐1.2次健康检查，每次带14个未压缩JSON接口，其中一个接口连的是早拆掉三年的旧用户中心API。它活着，纯靠keepalive心跳续命。我们发现它那天，机房空调正好在报错，面板上红灯一闪一闪，像在打摩斯电码。老周蹲着调PID参数，我说先别管温度，把这玩意kill -9了再说。他点头，又摇头，掏出手机给DBA发微信：“你们库表‘user_login_log_his_2022’是不是还开着触发器？”——其实根本没问，他自己知道答案，就是想让群里安静两分钟。

文章配图，仅供参考

　　第二步，干掉WebP兜底。不是禁用，是砍掉兜底逻辑本身。浏览器说不支持WebP？好，直接返回404，让前端用picture标签里的srcset自己扛。这个方案上周三我跟前端组长吵过——他咬死“兼容性必须覆盖到IE11”，我说IE11用户现在加起来不到0.7%，而且全他妈在内网测试环境刷埋点。他说“那也要跑通”。我说行，那你去改build脚本，把所有image-webpack-plugin的fallback开关关掉，改用img tag onl oad后动态补webp。他没接话，低头扒拉桌上那盒凉透的黄焖鸡米饭，饭粒粘在塑料盖内侧，结了一层薄油膜。我原以为他要掀桌，结果他把筷子往盒盖上一搁，说：“等我吃完这口。”他真吃了，嚼了十七下，咽下去才点头。

　　第三步最糙：手动替换fonts.googleapis.com链接为本地cdn.fonts.com托管的woff2子集。我们只提了中文常用三千字，字体包从3.8MB缩到241KB。但没人知道这事儿——部署单没走变更流程，发布时写的是“基础镜像升级”。理由？上个月安全组扫出来font-display:swap在Safari iOS14以下会闪黑屏，而我们内部iOS14设备占比0.3%——比IE11还低。所以，不修。不报。不记。就当它从来没出过问题。可偏偏，那天早上9:07，用户反馈开始进来，集中在杭州区域，都是同一家银行的U盾证书驱动更新导致系统时间回拨了48秒，于是本地字体加载超时触发了后备字体fallback。这个我说不准是不是真相关，但它确实发生在同一分钟。

　　加载提速1.8倍？Lighthouse报告是1.82，真实首屏FCP均值从三百七十二毫秒压到二百零六，中间差值卡在TTFB里——CDN缓存命中率从86%提到93%，这个数字是我凌晨两点趴在老周笔记本上看的，他电脑屏保是一张泛黄的《Linux命令行与shell脚本大全》扉页扫描件。但我现在信不过数字。上个月同样改法，提速2.1倍，结果第二天监控告警全炸：Cloudflare Workers缓存键里混进了UA中的空格，导致缓存雪崩。所以我们这次连User-Agent字段都手工trim了两遍。对，就是在nginx.conf的map块里加了个正则：~^\\s+|\\s+$ —— 这种事，文档不会写，Wiki里更没人提，只有某次故障复盘时，值班的小马随口说“上次缓存没刷开，是不是头里多了空格？”

　　对了，老周最后没换完那个光模块。他拧开第二个MPO接口护盖时，发现里面焊点氧化成暗紫色，像陈年酱油渍。他摸了下，说：“这板子，应该是2015年华三出的BOM清单第8版，散热硅脂干了。”我没应声，扭头看见监控台旁边插着一根没拔的USB风扇，扇叶上落了灰，但还在转。转得特别慢，慢得能看清每片叶子边缘卷起的毛边。隔壁工位小李忽然喊：“谁拿我泡面碗？”——没人应，但他碗还在桌上，汤面浮着几颗花椒，已经凉透，表面结了层薄油皮。

　　现在这套流程跑在生产上了，三步没少，顺序没变。但我不打算写进SOP。太细，写不清。比如“拔电源”那步，什么时候拔、拔哪台、要不要先抓包看下连接状态——这些没法固化。我只留了份手写备注钉在机柜门内侧：蓝色便签纸，钢笔写的，“别碰左下角第三排，风扇胶老化”。这玩意儿撑不了半年，等它掉下来再说。下礼拜，我要盯住CDN日志里的cache-status字段变化。如果stale-hit开始冒头，说明我们刚砍掉的那套冗余代理层，其实悄悄缓了某些不该缓的动态内容。那时候，就得重看一遍老周电脑里那个命名为“临时备份_勿删_可能有用”的zip包——它创建时间是去年十一月二号，大小2.1GB，里面全是各种版本的Nginx conf片段。

（编辑：站长网）

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