移动互联时代，交互设计别再套用2010年性能逻辑

　　去年11月，甲方在周会最后五分钟甩出一页截图——转化漏斗里，「点击到首屏渲染」那根柱子比「首屏到点击提交」还矮半截。我盯着那根矮柱子看了三秒，手机刚好没电，屏幕一黑，会议室空调又往下调了两度，我缩着脖子说：这不对劲。

　　不是加载慢——监控打点显示TTFB平均280毫秒，CDN也没报警。不是跳失高——热力图里手指划得挺欢，滑到表单前就停了。是“停”得特别整齐，像被刀切过。我原以为是安卓低版本兼容问题，结果拉出iOS用户分群一看，更齐。销售坐我旁边啃包子，油星儿溅到后台页面上，他咽下最后一口说：“客户说他们老总用iPhone 12，连刷三遍都卡在‘请输入手机号’那个输入框。”

　　我翻出埋点日志，一行行对时间戳。突然发现个鬼事：93%的“点击”行为，发生在键盘弹出前170ms。不是点完才弹键盘，是手还没落稳，键盘已经顶上来了。再查UI层——那个输入框自带auto-focus，且没做防抖。用户手指悬停0.3秒，系统就当你要输，咔一下把整个页面往上推半屏。而我们的H5容器设了overflow: hidden。所以不是卡，是卡顿反馈被裁掉了——用户根本看不到自己点了什么，只觉得“点了没反应”，于是拇指反向滑走。后台页面一直在转圈，转得我眼睛发干。

　　2010年那套性能逻辑，是拿PC端IE6写的：等DOM Ready，等JS执行完，等所有图片 onl oad，再算“页面加载完成”。那时候用户喝咖啡、等邮件、刷论坛回帖，能忍三秒。现在？你让用户等400毫秒，他拇指已经在找返回键。可去年还有团队在优化gzip压缩率，把HTML从120KB压到108KB——烧了不少钱，转化率一直上不去。为什么？因为用户根本没等到gzip解压完，早在TCP三次握手阶段，就切去刷短视频了。优胜劣汰不是玄学，是肉眼可见的：你家落地页在用户切换APP的0.8秒缝隙里活下来，别家的早被OS进程回收了。

　　那天下午我跟甲方吵了一架。他指着竞品说：“人家首页加载慢得多，转化还高。”我说：“人家把‘下单按钮’焊死在导航栏底部，不随滚动消失；你家的在第六屏，用户要滑、要等、要点三次才展开二级菜单。”他愣住，说：“……这算性能？”我答不上来。平台机制我真看不懂——为什么同一套资源，在Chrome DevTools里测LCP是1.2秒，用户实机就是1.8秒以上？缓存策略改八遍，结果发现安卓厂商定制ROM里，WebView预加载进程默认禁用了Service Worker。谁定的？不知道。问技术支持，回一句“建议降级方案”。我认了，真认了。

文章配图，仅供参考

　　同事小张中午回来，拎着两盒凉透的黄焖鸡，递我一盒说：“刚跟前端撕完，他们坚持‘动效必须有’，说‘用户感知不到延迟’。”我扒拉两口饭，米粒粘在盒盖上，“感知不到？那用户怎么知道该不该继续等？他靠什么判断这个页面还活着？靠按钮有没有反馈？靠文字有没有变色？靠Loading图标转了几圈？2010年我们靠‘进度条百分比’骗用户——‘已完成67%’，其实后面那33%全是假的。现在用户不认数字了，他认‘我点下去的瞬间，界面有没有立刻告诉我它收到了’。”窗外天黑了，办公室灯没全开，只有几台显示器幽幽亮着，光打在人脸上，像一堆没合眼的僵尸。

　　前几天翻旧文档，看见十年前写的SOP：“首屏加载≤2秒为优秀，≤3秒可接受”。当时测的是公司内网宽带、固定机型、关闭所有插件。现在呢？同一个链接，上午9点地铁早高峰，Wi-Fi信号格从四变二，4G频段切了三次，用户左手攥手机右手拎豆浆，拇指悬在屏幕上晃了0.5秒——这时候你测什么TTFB？你测的是“用户愿意给你多少容忍额度”，而这额度，正以每月0.1秒的速度坍塌。上周测试组跑了个对比实验：把表单里三个必填项砍成两个，第三个改为“点击展开”，转化涨了11%。但没人提性能指标变了——因为那个“展开”按钮加了微动效，视觉延迟0.3秒，技术上反而多耗了20ms。平台不管这个，它只管最终转化。优胜劣汰，真的不讲武德。

　　我原以为只要守住核心指标就能活下去，结果发现现在连“核心指标”都挪窝了。以前盯首屏，现在盯首触；以前算加载时间，现在算“首触反馈延迟”；以前优化JS执行，现在得盯着Input事件触发后，样式重绘有没有阻塞主线程。说白了，性能工程的战场，从服务器和浏览器之间，挪到了用户指尖和像素之间。可我们很多人，还在用2010年的尺子量2024年的痒痒肉——你挠得再准，人家早换地方痒了。

　　下礼拜准备试个野路子：把所有表单输入框默认设为tabindex="-1"，强制取消自动聚焦，改成交互时手动触发focus()。前置一个带震动反馈的轻触动画——不是为了炫技，是为了让用户明确知道：“你的点，已被收到”。至于能不能过审？谁知道呢。先上线再说。反正，我也快没电了。

（编辑：站长网）

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