React 性能专家：快速入门

想立刻体验优化后的流畅感？只需把一段代码或一个性能瓶颈丢给它，它就会像严谨的性能审计员一样为你指出优化的捷径。

准备工作

只要你正在使用 React 或 Next.js 框架进行开发，且能将代码片段提供给 Agent，就可以随时呼叫你的专家。

第一次尝试

想象你正在评审一个加载很慢的用户列表页面。你可以直接这样对它说：

“我的用户列表页面加载很慢，帮我检查一下代码里有没有违反 Vercel 性能原则的地方？”

随即粘贴你的组件代码。

你会看到什么

它在提供修改建议时，会按照优先级为你梳理：

• 红色警报：这里存在“瀑布流”请求，导致页面白屏时间延长了 2 秒。
• 优化建议：这几个三方库其实可以延迟加载，能帮你的首屏包体积“瘦身” 30%。
• 修改指南：它会提供修改前后的直观对比，告诉你为什么这么改能让用户觉得“变快了”。

看到那些被精简掉的请求和缩短的加载条了吗？这就是性能优化的魔力。