社交媒体平台 X 于 11 月 5 日推出重构后的网页应用。在 Slow 4G 慢速网络环境下，账号主页首条推文的加载时间从 22 秒下降到 2.7 秒，耗时缩短 87.73%。

所谓 Slow 4G，指网络延迟约 150ms、下行速度 1.6Mbps、上行速度 750Kbps，是网页性能测试中常用的一种「较慢移动网络」模拟环境，用来衡量网站在信号弱、带宽有限、延迟偏高的真实手机网络下，需要多久才能显示内容。

X 首席工程师介绍，旧版网页应用已服务该平台的网页端近十年，但其架构把用户渲染、搜索引擎渲染和链接预览拆分到不同系统。同一个网址可能需要三种方式生成页面，导致搜索引擎优化修复、错误页处理和元信息维护要在多个代码库里重复进行。

旧版对未登录用户采用「先下载外壳与脚本、再请求数据、最后渲染」的流程。网络较差时，每一步都会增加等待时间，用户往往只能长时间盯着启动画面。为此，工程团队从零重建了网页应用，把原先分别服务普通用户、搜索引擎爬虫和链接预览机器人的三套服务器合并为一套。

技术选型上，新版采用 Vite、React、Fastify、Relay 与 GraphQL 等技术栈，并引入流式服务器渲染：服务器在数据到达时立即推送页面外壳和内容，浏览器无需等待全部脚本下载完成就能看到帖子。

针对不同访问者，系统采取差异化响应——普通用户获得流式 HTML；经过 IP 验证的搜索引擎爬虫获得完整的、含结构化数据的文档；即时通讯与协作工具的链接预览机器人则只获取标题、描述和卡片图片，避免渲染整页内容。

团队还用 Rust 重写了链接预览卡片图服务，并优化图标、图片结构化数据、启动文件数量和样式表加载顺序。其中登录前页面的启动文件从 582 个降至 10 个，部分页面的首次内容绘制时间明显下降。

这一重构的开发方式同样值得关注：最初版本由不到 5 名工程师在不到 6 个月内完成，AI 编码智能体承担了大量移植、页面转换、测试编写和问题修复工作，工程师则主要负责架构设计、需求决策、代码审查和真实浏览器验证。

团队通过统一的智能体指令文件、超过 25 个可复用工作流，以及提交前自动格式化、类型检查和静态检查规则来约束 AI 生成代码的质量。自 9 月底以来，已有超过 20 人参与该应用开发。

目前新版已服务未登录状态的网页端和搜索引擎抓取页面，登录用户正按国家和地区灰度迁移，旧版仍作为回退方案保留。对国内做H5开发和网页产品的团队而言，这种「合并渲染链路 + 流式服务端渲染 + 精简首屏资源」的思路是一套可参考的案例：交付效果不再只看功能是否跑通，首屏时间、弱网可用性与爬虫可见性同样要纳入验收。这也是南宁软件开发项目里越来越常被提前约定的部分——把性能指标写进需求，比上线后再回头补要省事得多。