让您的智能体能够通过消除瀑布流和减小包体积来优化 React 和 Next.js 的性能。
当您的 Next.js 应用程序页面加载或水合时间较慢时
当您需要使用并行 promise 或 Suspense 优化数据获取时
当重构组件以减少不必要的重新渲染和 JS 执行时
分享您想要优化的 React 组件或 Next.js 页面
要求智能体根据 Vercel 性能规则审计代码
查看针对数据获取和包优化的建议更改
应用建议的重构以改善核心 Web 指标 (Core Web Vitals)
你
我们的产品页面感觉很慢。您能检查一下数据获取逻辑中的性能瓶颈吗？
Agent
我在您的 `page.tsx` 中发现了两个顺序瀑布流。我将重构它们，使用 `Promise.all()` 进行并行获取，并将庞大的评价部分包装在 Suspense 边界中。这将允许主要内容立即流式传输，而评价则在后台加载。
使您的代理能够针对性能、包体积 (bundle size) 和流畅的动画优化 React Native 应用程序。
让你的智能体能够遵循 App Router、RSC 和数据模式的最新规范来编写和审查 Next.js 代码。
赋予您的智能体确保您的 .NET 和 C# 代码符合现代架构标准、设计模式和性能优化的能力。
让您的智能体能够遵循严格的架构和性能标准实现高质量的 Vue 3 应用程序。
让你的智能体能够使用行业标准的架构和安全模式，实现生产就绪的 NestJS 应用程序。
