运营中心客户端：毫秒响应，交互如呼吸

　　去年一月份，运营中心客户端上线那天，我蹲在测试机前等热更新推完，左手捏着半凉的豆浆杯，右手悬在键盘上——F5 键刚按下去，松手那一下指腹有点黏，因为前一天咖啡泼在键盘缝里，Caps Lock 键已经卡死三天，按下去没反应，弹起来慢半拍。我原以为这次又要跟 PM 耗到凌晨三点改动效时长，结果他盯着屏幕三秒，突然说：“这速度……不太对劲。”

　　不是快，是“不对劲”。就像你伸手推门，门却比呼吸还早开了一帧。后端老陈当时正往我工位走，保温杯盖子没拧紧，路过时漏了滴水在我右屏壁纸上——是张故宫雪景，像素偏冷，但右下角被水洇开一小块灰，像块霉斑。他把杯子搁我左屏边沿，说：“查了，没加缓存预热，没走 CDN，纯靠前端 runtime 本地计算，三百七十二个节点的状态树，十八毫秒 render 完。” 我点开 DevTools，切到了 Performance tab，录了一次点击「切换角色」——火焰图平得像熨过，主线程没抖一下。我敢打包票，那个“切换角色”按钮的 click 回调里，连 setTimeout(0) 都没塞。

　　可我们上周重测兼容性的时候，发现 Safari 15.6 下拖拽仪表盘卡片，第一次拖会卡顿——就一帧，23ms，之后全流畅。这事我没报 bug，PM 问起，我说：“先晾着。” 测试小李截图发我，还带了个小表情，意思是“你确定不修？” 我回她：“优胜劣汰。” 她没再问。后来她自己去翻了 PR 记录，发现是前端把 dragstart 钩子里的 event.preventDefault() 移到了异步微任务里，Safari 第一次执行时取不到 pointer capture 权限，第二次就顺了。这个我说不准是不是故意的——但我知道，如果它不能自动跨过第一次卡顿，现在早被干掉了。

　　旁边同事起身去倒水，经过时带倒我桌上那份麻辣香锅外卖盒，汤洒了一滴，在键盘 C 键和 V 键之间，刚好压住我贴的那张便签：上面写着“勿删：useEffect 依赖数组必须严格相等”。他擦完也没道歉，只嘟囔一句“Chrome 最近内存占用又涨了”，我就顺手切到 Memory tab 看了一眼——堆快照大小比上周少了四百兆。其实没多想，就是瞥见了，就像看见有人剪指甲没掉地上一样，不值得记，但你就是看见了。

　　最绝的是权限面板的「批量授权」弹窗。你点开，选十个人，勾三个操作项，点击确认——没有 loading，没禁用按钮，没防抖，没节流，点击之后 0.8 秒，所有人的授权状态实时变绿。我盯着看三遍，第一遍怕是 CSS 动画假象，第二遍看 network tab，发现只发了一条 POST，第三遍……第三遍我摸了下右屏壁纸，冰的。然后我就懂了：不是快，是它根本没“等”。用户点下去那一刻，UI 层已假设成功，后端失败了才 rollback，而且 rollback 还带渐隐。这种东西根本没法测，测试用例写到一半自己删了——你总不能 mock 一个比真实请求还快的假请求吧？

　　昨天晨会，PM 拿着新需求单进来，说要加个「授权链路追踪」浮层，点击某个人名，弹出ta过去72小时所有权限变更节点。我打断他：“先等等。” 他以为我要谈排期，我说：“你猜这个浮层第一次展开，需不需要初始化整个关系图谱？” 他愣住。我说：“不用。它第一次展开，连图都不画——只展示最近五条记录。第六条是点击‘加载更多’才 fetch 的。” 他点点头走了。其实我没告诉他，这个逻辑是我俩吵完第三轮后，前端悄悄塞进 useAuthTrace 的 custom hook 里的——他自己写的，没提 PR，review 时候我直接点了 approve。他后来请我喝了瓶冰啤酒，瓶身上全是水珠，握不住。

文章配图，仅供参考

　　现在想想，其实我们早该意识到——当交互不再需要“等待反馈”，而反馈又从来不会迟到，这时候，“用户体验”这个词就已经失效了。剩下的只是筛选：能吞下这种节奏的团队活下来，吞不下的……比如上个月提离职的那个测试，她说“每天都在验证不存在的 bug”，走之前把所有用例文档删了三分之二。我没拦。优胜劣汰嘛。再说，她删文档那天，我正在改 CSS class 名——把 .panel__loading--spinner 改成 .panel__busy，改完发现根本没地方用了，因为 loading 不见了。所以我把它注释掉，留在文件末尾，写了行注释：“此行永不再启用。”

　　接下来两周，我不准备做任何性能优化。打算去翻翻三年前的老日志，看看第一批用户在 v1.2 版本里到底点了什么、为什么点、点了之后有没有人骂。反正客户端现在稳得像冻住的湖面，踩上去听不见一点响动。真要出事，也是从底下开始裂的——但裂之前，谁听得见？

（编辑：站长网）

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