打开网易新闻 查看精彩图片
某技术团队用两周时间,把移动端跳出率从23%干到了67%。不是庆祝,是事故。负责人翻遍监控面板——Sentry没报错,服务器响应不到100毫秒,Analytics曲线平稳得像心电图。最后他用自己的手机打开网站,才找到凶手:8.4秒才出现可交互内容。
问题出在体积。一个只有表单的落地页,React SPA打包后4.2MB。对比他们替换掉的旧PHP站点:40KB,800毫秒加载完,转化率12%。新系统加载时间是原来的10倍,转化率跌到4%。「我们『现代化』把自己搞破产了。」
六个月前,新CTO带着这句口号进场:「We need to be more modern.」团队没质疑,直接开干。没人算过用户手机里装的是骁龙8系还是三年前的入门芯片,也没人测试过4G环境下的真实体验。框架选型会议上,「开发效率」出现了17次,「首屏时间」出现0次。
现在他们在回滚。不是回滚代码,是回滚认知——把4.2MB的SPA拆成静态HTML,React只留在真正需要交互的组件里。负责人说他终于理解了一件事:用户要的是800毫秒后的那个按钮,不是8秒后的虚拟DOM。
热门跟贴