首屏快3倍、存储省70%：全栈站长的建站资源优化术

　　后台数据不对那一刻，我正啃第三块干巴的蛋黄酥，包装纸粘在键盘缝里。销售冲进来甩手机：“客户说跳转卡三秒，你这站比我家老热水器还慢。”我切回Lighthouse——首屏渲染4.2秒。上个月还是1.3。我原以为是CDN抽风，结果查完资源树，发现首页塞了七张没压缩的Banner图，每张3.2MB，其中四张连srcset都没配，全靠浏览器硬缩放……

　　办公室空调太冷，我裹着卫衣帽子继续翻Network面板。一个JS包体积2.8MB，拆开看，里面存了三套未删的Vue组件备份、两段已下线活动的埋点逻辑、还有段用jQuery写的轮播图代码——这玩意儿去年十月就该删了。我点开控制台警告：`[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated…` 谁管它啊，反正用户不点F12。

文章配图，仅供参考

　　窗外天黑了，楼下烤红薯摊刚支起炉子。我切到对象存储后台，盯着那个叫“/assets/old-landing-v3/”的桶发呆。里头堆着17个命名带时间戳的静态资源包，最早的2021年。点进去一看，每个包里都藏着一份完整的字体文件——不是woff2，是TTF。单个字体5.8MB。甲方三年前说“要显高端”，我就真把思源黑体全字重打包扔上去了。烧了不少。一直上不去。

　　同事端着泡面路过，扒着我椅背念屏幕：“哎哟，这fetch请求还在调2019年的API地址？”他嗦了一口面，“你没改？我以为你早清了。”我没吭声。其实改过两次，第一次改漏了个iframe的src；第二次改对了，但缓存策略写成max-age=31536000，上线后全站页面都卡在旧版本里三天。那天我跪着清CDN，手抖输错六次密码，手机快没电了，充电线插在主机USB口上滋滋响。

　　去年秋天，我把整站静态资源重新走了一遍pipeline：Webpack替换成esbuild，图片丢进Cloudflare Image Resizing加参数自动压缩，SVG图标全转成内联，字体只引中文常用字集。最狠的是砍掉了所有第三方统计脚本，改成纯前端事件上报——不是为快，是怕哪天平台封掉某个SDK的域名，整个首页白屏。上线当天下午三点，Lighthouse跑出来首屏0.4秒。比原来快三倍。但没人鼓掌。甲方只问：“转化率涨没？”我说没。他说：“那快有个屁用。”

　　存储省70%，倒不是算出来的。是我手动删掉那17个桶之后，对象存储账单从三千多掉到九百多。我截图发群里，销售立刻回：“你删的不会是线上正在用的吧？”他吓得立马打语音过来，我边接电话边打开生产环境Console，输`window.__ASSETS_VERSION`——返回undefined。我笑了。原来他们根本没测灰度。我原以为自己在修车，结果发现整条生产线都在用胶带绑刹车片。

　　优胜劣汰这事儿，我越做越信。不是指平台淘汰人，是资源自己会选边站：用户手指一划走，服务器就不留你，CDN缓存一过期，图片就沉底，字体文件如果三个月没被引用一次，Cloudflare干脆给你标个`Stale`标签晾着。去年冬天有家店找我救急，说投放点击率爆了，落地页却没转化。我进去一看，首页head里嵌着六个不同渠道的像素代码，三个还带defer但没async，加载顺序全乱套。我问销售：“他们换素材频率比换内裤还勤，你们真测过哪个像素会影响FCP？”他笑：“测啥？老板说‘投得猛就对了’。”

　　我昨天又翻了一次Git历史。发现去年十月那次“优化”，其实是把图片路径从`/img/xxx.jpg`改成`/images/xxx.webp`，然后顺手加了`loading="lazy"`——仅此而已。可就是这一行，让首屏资源请求数从27个降到11个。剩下那些“优化”动作，全是我事后给自己加戏。平台机制？我连他们CDN节点怎么调度都不知道。上次问技术客服，对方说：“这个属于底层架构，我们也不方便透露。”我心想：你不透露，我还不想听呢。

　　中午跟甲方吃饭，他筷子尖挑着青菜问我：“你说资源省了，钱能少花吗？”我扒饭没说话。旁边销售插嘴：“当然少啊！去年存这些图的钱够买两台Mac了！”甲方笑：“Mac？Mac能扛住日均五十万UV吗？”没人接这话。桌上安静两秒，我夹起块红烧肉，油滴在衬衫上，擦都懒得擦。

　　现在我在试新路子：把所有非关键JS打成Web Worker异步加载，CSS提取关键帧内联，非首屏模块全部``——但测试环境跑着跑着，iOS微信里出现空白闪屏。我不知道是iOS WebKit bug，还是微信内置浏览器把prefetch当垃圾回收了。反正明天约了两个做H5的老哥碰杯，不聊技术，就问他俩：“你们的落地页，敢不敢关掉所有CDN直接压服务器跑？”他们肯定摇头。我也摇头。但我想试试。

　　后台页面一直在转圈，转了三分钟。我关掉Chrome，开了Safari重进。还是转。算了，先去趟便利店买咖啡。今天可能又得熬到凌晨。

（编辑：站长网）

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