尤雨溪转发庆祝,Claude.ai 抛弃 SSR 拥抱 Vite,性能飙升!
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.jsTanStack 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 的锅可能只是用错了模式。这个观点很中肯。SSR vs SPA 从来不是非黑即白的问题。关键在于你的产品形态是否真的需要服务端渲染。Claude.ai 这个案例之所以效果这么明显恰恰是因为它本来就不适合 SSR迁移到纯静态方案后自然能释放出大量性能空间。Felix 的态度也值得一提在推文末尾Felix 写道我们还没做完甚至远远没完成。但我们在意这些细节会一点一点打磨下去。目标是让 Claude 每天都好一点点。这种工程文化其实挺难得的。很多 AI 产品把精力全部放在模型能力上前端体验经常是能用就行的状态这里点名下 Codex... 体验下真的比 Claude 差好多~。Anthropic 愿意花时间把前端架构重做一遍说明他们确实把用户体验当回事。热点推荐/loop 远程控制让 Claude Code 彻底沦为你的牛马酷Node.js 终于支持虚拟文件系统了作者直言没有 Claude Code 这不可能发生Fastify 作者怒了AI 老是写烂代码他把多年 Node.js 经验打包成 Skill 全开源了规格驱动翻车了Augment Code 一篇长文直接开怼React 被反超的那一刻我看到了开源世界最大的泡沫Node.js 终于能打包成 exe 了华人工程师连下两城尤雨溪实测启动速度碾压 Bun
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2437776.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!