尤雨溪转发庆祝，Claude.ai 抛弃 SSR 拥抱 Vite，性能飙升！

Anthropic 的工程师 Felix Rieseberg 在 3 月 20 日公开发布称：他们把 Claude.ai 和桌面端应用的前端架构做了一次大手术，从 SSR（服务端渲染）切换到了 Vite + TanStack Router 的静态方案，直接部署到边缘 Workers 上。这种工程文化其实挺难得的。Vue 和 Vite 的作者尤雨溪第一时间转发，配了一句"Claude.ai now

五月君_

256人浏览 · 2026-03-21 08:31:55

五月君_ · 2026-03-21 08:31:55 发布

Anthropic 的工程师 Felix Rieseberg 在 3 月 20 日公开发布称：他们把 Claude.ai 和桌面端应用的前端架构做了一次大手术，从 SSR（服务端渲染）切换到了 Vite + TanStack Router 的静态方案，直接部署到边缘 Workers 上。

效果立竿见影：p75 的首字节时间（TTFB）下降了 65%，提示词展示速度提升 50%，页面导航也明显更快了。

这条推文一发出来就引发了不小的讨论。Vue 和 Vite 的作者尤雨溪第一时间转发，配了一句"Claude.ai now powered by Vite"，颇有一种"实至名归"的味道。

为什么要动这一刀？

对于一个 AI 对话产品来说，Claude.ai 的核心交互其实非常"SPA 化"：用户登录后在一个长时间运行的会话里打字、等回复、切换对话。这种场景下，SSR 的优势（SEO 友好、首屏直出）几乎派不上用场，反而带来了额外的服务端计算开销。

评论区里有开发者直接吐槽："到底是谁决定在 Claude.ai 上用 SSR 的？我真的很惊讶，做出世界上最好 AI 模型的团队，居然会做出像初级工程师一样的架构决策。"

虽然这话说得有点刻薄，但也不是没有道理。SSR 对于内容型网站、电商落地页是标配方案，但对于一个需要 WebSocket 长连接、实时流式输出的 AI 聊天应用来说，确实不是最优解。

新架构长什么样？

从 Felix 的描述来看，迁移后的技术栈大致是这样的：

Vite：作为构建工具和开发服务器，替代了原有的 SSR 框架（大概率是 Next.js）
TanStack Router：负责客户端路由，类型安全、文件路由、代码分割一应俱全
边缘 Workers：静态资源直接从边缘节点分发，不再需要服务端渲染节点

这其实是一个很经典的"回归 SPA"的故事。过去几年前端圈经历了一轮"SSR 回潮"，Next.js、Nuxt 等框架把服务端渲染推到了主流位置。但现在越来越多的团队开始反思：并不是所有应用都需要 SSR。

Claude.ai 的这次迁移就是一个典型案例。去掉 SSR 之后，静态文件可以直接推到 CDN 边缘节点，用户请求不再需要经过一台服务器执行 React 渲染逻辑，TTFB 自然就下来了。

65% 是个什么概念？

p75 的 TTFB 下降 65%，意味着对于 75% 的用户来说，他们感受到的"白屏时间"直接砍掉了接近三分之二。

TTFB 是衡量 Web 性能最基础的指标之一，它反映的是从用户发起请求到浏览器收到第一个字节的耗时。对于 SSR 应用，这个时间包含了服务器执行渲染逻辑的开销；而静态部署方案下，边缘节点直接返回预编译好的 HTML，中间几乎没有计算过程。

另一个数据是"提示词展示速度提升 50%"。这对 Claude 的用户体验非常关键，用户输入问题后，能更快看到 AI 开始回复，感知延迟大幅降低。

Vite 的又一次胜利

这件事对 Vite 社区来说是一个标志性事件。有开发者在评论区感叹："Vite 官方案例研究不用写了，这条推文本身就是最好的案例。p75 TTFB 下降 65%，就是因为扔掉了 SSR。"

事实上，Vite 在过去一年里的势头非常猛。不仅仅是中小项目在用，越来越多的大型产品也开始切换到 Vite。就在同一时期，Cloudflare 也公开了他们的 vinext 项目，直接在 Vite 上重新实现了 Next.js 的 API 层，构建速度比 Next.js 快了 4.4 倍，打包体积缩小了 57%。

这些信号叠加在一起，说明前端工具链正在经历一次集体"轻量化"转向。Vite 凭借 Rolldown（基于 Rust 的打包器）和插件化架构，正在成为新一代前端基础设施的核心。

不过，也有冷静的声音。 一位叫 Rhys Sullivan 的开发者指出，Next.js 其实并不强制你使用 SSR，它同样可以输出静态页面、从 CDN 分发。Claude.ai 之前性能不好，未必是 Next.js 的锅，可能只是用错了模式。