建站资源极致优化：首屏快3倍，存储省70%

　　昨天下午三点，冰柜压缩机又开始哼那首跑调的《茉莉花》，我蹲在门口啃半根凉掉的葱油饼，隔壁老张过来借火——他打火机早扔了，只留个空壳在兜里揣着当护身符。我递过去时瞥见他围裙上还沾着昨儿炖糊的豆瓣酱，干得像块小铁片。

文章配图，仅供参考

　　去年寒假，大雪封高速那会儿，我们团队仨人困在公司吃泡面。小陈冻得鼻涕吸溜吸溜，硬是把 Webpack 配置从 config.js 搬进了 config.ts——他觉得类型安全能救命；阿哲在扒 Lighthouse 报告，一行行标红，嘴上说“懒加载不搞彻底就是耍流氓”，结果当晚推了个版本，首页图片全切成 WebP，可漏了 SVG 的 fallback，IE11 用户点进来一片白，客户电话打到我手机上，我接的时候正用筷子尖戳葱油饼上那粒芝麻，没戳中，芝麻滚进鞋带缝里，再没找回来。

　　后来我把 CDN 那层砍了，不是换，是砍。直接甩给 Cloudflare Workers，连 Nginx 都卸了。不是多高明，是真没钱续三年套餐了。运维王工来装监控探针，我顺手给他倒了杯茶，茶叶浮在上面像一层灰。他指着控制台问我：“这个 JS bundle 为什么拆成十三个 chunk？”我说：“数错了，其实十二个，第十三个是广告 SDK，我没删干净。”他笑了一声，转身去调服务器风扇转速，手背上有个旧烫疤，跟我的差不多，只是位置偏左——去年夏天修空调外机烫的，我当时攥着铜管不肯撒手，怕冷媒漏了，最后还是漏了，修好当天接了三单生鲜配送，全因页面卡顿超时取消。

　　门口那只猫又来了，瘦得肋骨隔着毛都硌手，专挑我擦完地那块蹭肚子。它不来时我总觉得缺口气，来了又嫌它踩脏刚拖的缝。我原以为省存储得靠删旧资源，结果删了半年，才省出不到 8%，真正省下那 70%，是把所有 SVG 图标塞进一个 symbol sprite，再用 引——简单吧？但前年我跟人吹牛说“SVG inline 才够快”，结果上线三天，SEO 掉得比饺子下锅还快，Google 认定那是隐藏文本，反手降权，我连夜把 icon 全抽出去，改用字体图标，直到去年发现 font-face 渲染延迟比 SVG 还高两百毫秒……算了，不提这个。

　　首屏快3倍这事，真不是压出来，是熬出来的。我们把首屏 HTML 从 42KB 压到 13KB，不是靠 gzip，是手动砍掉所有非关键 CSS，连 :focus-visible 都干掉了。设计师来拍桌子说“键盘导航体验没了”，我说“咱这儿连鼠标都没几人用”，她愣三秒，转身去改 Figma 文档，指甲油掉了一小块，在键盘缝隙里反光。

　　上礼拜五，常来的刘叔带孙子来看店，小孩踮脚够收款码，扫码扫了七次，第八次成功了。刘叔说：“以前等付款那会儿，我都够炒俩青菜了。”我没接话，心里知道他说的是对的——我们测过，首屏 TTFB 从前平均 800ms，现在稳定在 260ms 上下浮动，波动大那天是 DNS 劫持，我懒得修，干脆加了个本地 host 映射，临时顶着。反正没剩几个。

　　说句难听的，优胜劣汰不是口号，是后厨灶火灭了你才知道哪根柴该先烧。前天隔壁“阿明麻辣烫”关门了，招牌拆到一半，老板蹲在台阶上抽烟，烟头摁灭在自己鞋帮上。他跟我说，年前改版APP，外包做的，说是“提升用户粘性”，结果首页弹窗三个，跳转六次，点个酸辣粉得过三关，最后一关是填手机号领券。我听完没吱声，回去把我们首页那个“立即体验”的浮层按钮删了——推了就亏的菜，名字叫“智能推荐弹窗”，成本八千八，带来三十七单，其中二十九单在弹窗后跳出，剩下的八单里，六个买的是免费试吃券，两个买了卤蛋，卤蛋毛利四毛三，不够付弹窗 A/B 测试的短信费。

　　小陈前两天发消息问我，说某云厂商新出了“自动资源优化包”，按请求量计费，“要不要试试？”我回他：“你记得上回我们接的那个政企项目吗？他们要求所有 JS 必须用国密 SM2 加签，我们搞了四天，最后发现人家要的根本不是加密，是流程合规——得有红章。”他没回。过会儿发来一张图：是他老家镇上理发店，玻璃门上贴张A4纸，手写“剪发15，烫头50，WiFi密码：liyifa1987”，下面还画了个歪歪扭扭的Wi-Fi符号。我看了十分钟，没回。

　　手上被烫的那个泡昨天破了，流了点黄水，没管，干活的时候反而利索。抹布还是湿的，我就一直没拧。冰柜还在哼，调子更歪了，听着像走调的二胡，拉到第三小节准断弦。

（编辑：站长网）

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