用途:这是一套面向 React 与 Next.js 应用的性能优化规范,由 Vercel Engineering 维护,共 45 条规则,分为 8 个类别并按影响程度排序,可用于指导自动化重构与代码生成。适用时机:编写新的 React 组件或 Next.js 页面、实现数据获取(客户端或服务端)、审查性能问题、重构现有代码、优化包体积或加载时间。
规则类别与优先级:1. 消除瀑布(CRITICAL,前缀 async-);2. 包体积优化(CRITICAL,前缀 bundle-);3. 服务端性能(HIGH,前缀 server-);4. 客户端数据获取(MEDIUM-HIGH,前缀 client-);5. 重渲染优化(MEDIUM,前缀 rerender-);6. 渲染性能(MEDIUM,前缀 rendering-);7. JavaScript 性能(LOW-MEDIUM,前缀 js-);8. 高级模式(LOW,前缀 advanced-)。
示例规则包括 async-parallel(独立操作用 Promise.all())、bundle-barrel-imports(直接导入,避免 barrel 文件)、server-cache-react(用 React.cache() 做请求内去重)、client-swr-dedup(用 SWR 自动去重请求)、rerender-memo、rendering-content-visibility、js-batch-dom-css、advanced-use-latest 等。
使用方式:阅读 references/rules/ 下的单条规则文件查看详细说明与代码示例,如 references/rules/async-parallel.md、references/rules/bundle-barrel-imports.md、references/rules/_sections.md;完整指南见 references/AGENTS.md。每个规则文件包含重要性说明、错误示例与解释、正确示例与解释、补充背景与引用。
限制:仅覆盖性能优化主题,不涉及功能正确性或安全;具体命令、安装步骤与收费信息暂未提供。