一个网页改成纯HTML,用户量一夜翻倍

你打开一个网站,转圈,再转圈,按钮灰色不可点,图片加载失败。你关掉它,去了别家。
这个故事里的主人公是一家公用事业公司。他们的在线申请表单就是这个鬼样子——外包团队用 React 搭的,上线三天就被骂到下架。不是用户不懂技术,是这个表单太大了:图片上传是刚需,但整个表单数据都存在 localStorage 里,5MB 的限额,传几张照片就满了。
接盘的工程师叫 Alistair,他把项目接过来看了一眼,跟老板说了一句话:“这东西我们不能接手。” 全局 JavaScript 状态交织成一张蜘蛛网,可访问性为零,加载转圈比内容还多。
一个反直觉的决定
他没有去修那个 React 应用。他重写了一遍——用 HTML。
纯粹的原生 HTML,加上 Astro 做构建。JavaScript 有,但只存在于 Web Component 里,而且它的存在原则是:没有 JS,网站也能正常工作。 JS 只是锦上添花的那朵花,不是承重墙。
那时候公司里的人不理解。一个用了 React 大厂的方案都没搞定的事,用”原始”的 HTML 就能搞定?听起来像倒退。
但结果很直接:用户量一夜翻倍。不是缓慢增长,是翻倍。
不是技术路线之争
这其实不是一个 React 好还是 HTML 好的问题。这是一个你为谁而做的问题。
那个 React 表单是为开发者做的。它用了所有时髦的工具链,组件化、状态管理、前端路由——但它忘了最重要的事:用户只是想提交一份申请,上传几张照片,然后收到确认邮件。他们不在乎你用哪个框架。
Alistair 的 HTML 方案没有用任何花哨的东西。表单字段一个接一个,照片直接上传到服务器,页面切换不需要加载旋转——因为它是多页表单,每一页都是一段完整的 HTML。简单,直接,不假装聪明。
控制权的回归
这个故事最耐人寻味的部分是:不是技术不行,是技术选型的人离用户太远了。
外包团队选了 React,因为 React 在简历上好看。项目经理同意了,因为”大家都在用”。但没有人在乎最终用户用慢速手机打开这个页面时,要等 3 秒才能看到第一个输入框。
把控制权从”用框架的开发者”手里拿回来,交还给”用网站的用户”——这个决定不需要很高的技术含量,只需要一点常识,和敢于说”不用这个”的勇气。
Alistair 后来写了一篇博客,详细讲了他的决策过程。有人问他”你后悔用 React 做过项目吗”,他说不后悔,因为那些项目教会了他什么时候不应该用 React。
来源:Hacker News
