建站资源总在够用和浪费间横跳？技术视角下的精准分发之道

　　第九版切图发出去三小时，前端回我：“你这空态按钮的hover色是#f5f5f5还是#f7f7f7？我刚切到一半发现两个色板里都叫‘浅灰-备用’。”

　　我盯着显示器右下角的时间戳——去年11月，那个冷得连热咖啡三分钟就凉透的周三下午。窗台上的绿萝死了半盆，叶尖卷着焦边，但没人挪它。桌上那只干了的马克杯底还粘着一圈浅褐色印子，我上周五用它泡过枸杞，后来再没洗。

　　我原以为只是间距调大2px的事，结果第七版改完，产品蹲在工位边盯了我十分钟，说“首屏信息密度不对”，可她手指划过的那块区域，根本没进过栅格。我当场打开Sketch，拉标尺一量，行高确实是1.5倍，但状态栏图标和文案基线差了0.8像素——她说不清，我就补了三个新组件，每个都带独立hover/focus/空态，发过去才发现命名全乱：btn-primary-hover-v2-legacy.sketch、btn-primary-hover-v2-final.sketch、btn-primary-hover-v2-final-actual.sketch。切图文件夹里还有个叫“紧急修复-请勿覆盖”的子文件夹，点开是2022年的旧图。

　　数位笔的笔尖刚换过，写起来涩，划线老偏，我靠它画了六版版式线，全作废。旁边工位小陈一直在刷短视频，外放声不大，但“家人们看这个对比”“真的绝了”每句都卡在我切图命名的间隙里。他刷的是美妆教程，我听不懂，但听懂了他突然笑出声——我正好在重做弹窗蒙层的透明度，从rgba(0,0,0,0.4)调到0.39，调了十七次。

　　技术视角下的精准分发之道？哈。优胜劣汰？对，就是淘汰掉那些永远没被加载的字体、永远没被触发的交互逻辑、永远没被看到的第二屏组件。去年11月，我们压测过一次资源包体积——首页资源总大小2.8MB，实际首屏只用了637KB，剩下的全在滚到底才开始下，可用户平均停留时长是18秒。那剩下2.1MB算什么？不算浪费，它只是“还没轮到被淘汰”。就像色板里那个说不清的灰，叫“中性灰-Dark”，其实比设计稿里的暗，比开发稿里的亮，在PRD里它不存在，在Figma变量里它被设为disabled，在代码里它最终被写死成#666……它没死，只是卡在中间，动不了。

　　前天我翻旧包，发现v4版本切图里混进了SVG动画帧——是动效组甩过来的，说是“预埋能力”，结果上线后没人调用。但它占着28KB，还在CDN上挂着。这算浪费？我说不算，它等着被需要。可等了十个月，它等来的是一次全站静态化重构，所有动效直接干掉。它被删的时候，连个log都没留。这才是真正的优胜劣汰：不是谁强谁赢，是活着的刚好赶上这次迭代节奏。

　　不过话说回来，那次改稿复盘会上，产品说“要给用户更多呼吸感”，于是砍掉了三个二级导航入口。前端立刻问：“那空态怎么展示？”我脱口而出：“空着。”——说完自己愣住。空着不是方案，是放弃。结果我们真做了空态：纯白背景+一行字“这里本该有内容”，字体还用了自定义字体，而那字体文件大小114KB，加载耗时320ms，平均每天被触发7次……它存活了整整四个月，直到某天运维清理CDN缓存，手抖删错路径，它才消失。没人报bug，没人补丁。它死得特别安静。

　　所以我现在发切图前先跑一遍webpack-bundle-analyzer——不是为了压缩，是看哪个组件名字底下压着七条require，其中五条来自已归档的原型链接。那些链接点进去，跳转页显示“该页面已移除”，但它的CSS还在主包里，class名还带着v1.3.2后缀。它们不是没用，是还没被扫出来。

文章配图，仅供参考

　　说到扫……你试过用Chrome devtools的Coverage工具扫一遍页面吗？我扫过，首页红色部分37%，全在未执行JS里，其中21%来自一个叫“polyfill-lazy-load”的库——它负责检测浏览器是否支持IntersectionObserver，而我们最低兼容Chrome 75，这玩意早内建了。它还在，因为当初上线时没配tree-shaking，现在也没人敢动。它像桌上那只干了的马克杯，不碍事，但每次端起来都觉得硌手。

　　反正我接下来两周重点不是改稿，是清切图文件夹。已经删了12个“final-v2-again”子目录，保留了“紧急修复-请勿覆盖”——虽然它里面是错的，但谁知道哪天需求又倒退回2022年？我先把色板里那个“中性灰-Dark”改成“灰-待确认”，等前端哪天主动提issue再说。至于数位笔……算了，换新的笔尖太贵，将就用吧，横线歪一点，至少别人看不出是故意的。

　　对了，你看见我抽屉最底下那叠A4打印稿了吗？全是第七到第九版的标注页，用订书钉钉着，边都毛了。上面有用红笔划掉的“此处预留接口”、“二期延展区”……我本来想扫描存档，结果扫描仪卡纸，吐出来一半黑一半白。我就扔那儿了。反正也没人看。

（编辑：草根网）

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