建站资源优化：性能↑40%+存储↓50%的交互新范式

　　跟产品吵。昨天下午三点，空调外机嗡嗡响得像要散架，PM把PRD往我键盘边上一推，说“首屏必须再压三十毫秒”，我盯着她指甲盖上那点薄荷绿——刚做完美甲还敢来谈FCP？我直接把本地devtools录屏窗口最小化了，没关，就搁在右下角，灰蒙蒙的，录着但没声音，桌面图标全被遮住，只剩个叉号在闪。

　　我原以为搞个资源预加载+HTTP/3 fallback就齐活，结果上线前三小时，前端甩过来个Lighthouse跑分截图发到群：FCP十八毫秒，LCP三百七十二 KB，TTI红得发紫。群里没人回。我划拉手机看了眼，是中午十二点零七分发的——他肯定边吃外卖边截的图，盒饭汤汁滴在键盘右下角那块键帽上，现在还反光。我点开那个链接，页面卡顿三秒才渲染完SVG icon，而那个icon根本不在首屏里，纯属某次A/B测试残留的埋点钩子，早该删了。

　　性能↑40%+存储↓50%？这数字不是算出来的，是活生生咬下来的。五一期间我跟后端蹲在机房门口啃冷包子，他穿的那件蓝T恤后领有点翻卷，左手一直在拧充电线接口——换了根C口线，旧的断了，新的接触不良，插拔十七次才连上console。我们一边等缓存穿透报警消停，一边手动清Redis里三万七千个过期但没GC的font-face key。你说这算优化？不，这叫优胜劣汰——劣的自己死，优的不救，等它断气，我们只收尸、归档、写个no-op兜底。就这么简单粗暴。

　　勾选合并请求的时候我手抖了三次：第一次点错成rebase，第二次忘记点squash，第三次点了却忘了输commit message，光标在框里闪了四十一秒，直到对面工程师起身去倒水，接水时水龙头拧太紧，“咔哒”一声脆响，我才回神按Ctrl+Enter。那个MR标题写着“[prod-hotfix] remove inline-style from header-async-loader”，内容就一行：// TODO: move this to CSSOM injection path. 后来谁也没动这个TODO。删了反而崩，留着像颗蛀牙，但疼得有规律。

　　我不信任何“智能压缩方案”。上周CDN账单来了，总流量跌了五成，可边缘节点CPU使用率反升12%，运维半夜打我电话，语气跟催命似的：“你确定没漏配Brotli级别？”我说我打包时用了zopfli+custom dictionary，他说那dictionary是不是用去年双十一流量日志生成的？我一顿，说可能是。他说那字典现在匹配率不足百分之三十七——你拿2023年用户行为训练的压缩字典，去压2025年首页弹窗的JSON Schema？呵，我挂了电话，顺手把桌上那包没拆的薄荷糖捏扁了。糖纸发出“呲啦”一声，跟当年IE9报错音效一模一样。

　　这个我敢打包票：所有号称“自动感知首屏”的loader，底层都在偷偷做IntersectionObserver轮询——哪怕你设了throttle=1s，它还是每187毫秒check一次rootMargin变化。为什么？因为某个实习生抄了React-Query源码里一个被deprecated的useIsVisible hook，然后没人敢动。这事我没声张，但每次看到performance.memory.totalJSHeapSize暴涨，我就知道又是它在后台悄悄new MutationObserver。这玩意儿比产品经理画的饼还虚。

　　所以别跟我聊“渐进式加载策略”。真正在意首屏的不是浏览器，是用户手指——他们滑动时根本不管你JS执行栈多干净。去年五一我们砍掉整套SSR中间层，改用client-side hydration + static fallback shell，上线后监控里CLS突降0.18，但PM冲进站会拍桌子说“首屏图标闪了两次”。她没说的是，那两次闪，一次是CDN刷新延迟，一次是我手动在DevTools里清了service worker缓存测试热更新。我当着她面做了，但她没看见。后来那个图标被设计部重绘了三次，最后一次导出的是SVG路径合并版，大小2.3KB，比原来PNG小三百七十二 KB——可它加载时依旧闪。闪得特别诚恳。

文章配图，仅供参考

　　我现在打开terminal，准备跑一遍新脚本：./shrink-fonts.sh --aggressive --dry-run --skip-license-check。它会删掉所有带“_web”后缀的woff2文件，但保留一个fake.css，里面只有一行：@font-face{src:url(‘missing.woff2’) format(‘woff2’);}。这个fake.css必须存在，否则build会报错——不是编译错，是Webpack Plugin的hook里硬写了require(‘fake.css’)。我不知道谁写的，git blame指向2019年一个叫“fe-build-team-temp”的分支。我准备把它merge进去。先提个WIP PR，标题就写：“WIP：删字体（但留fake）”。至于什么时候点Merge……等对面工程师换第三根充电线再说。

（编辑：站长网）

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