用途:为 React 与 Next.js 应用提供按影响等级组织的性能优化规则集,帮助开发者定位并消除性能瓶颈。
主要能力:共 40+ 条规则,分 8 类。关键优先级包括消除请求瀑布(延迟 await、Promise.all() 并行、避免 barrel 导入、动态导入、策略性 Suspense);包体积优化(避免 barrel 文件导入、条件加载、延迟第三方库、按用户意图预加载);服务端性能(跨请求 LRU 缓存、减少 RSC 边界序列化、React.cache() 去重);客户端数据获取(事件监听去重、SWR 自动去重);重渲染优化(延迟状态读取、memo 组件、收窄 effect 依赖、lazy 状态初始化、transitions);渲染性能(content-visibility、提升静态 JSX、SVG 精度、避免 hydration 闪烁);JavaScript 微优化(批量 DOM 修改、索引映射、缓存属性访问、Set/Map 查找、toSorted());进阶模式(事件处理器存入 ref、useLatest)。每条规则含正误代码对比、影响指标与适用时机。
使用方式:规则位于 references 文件夹。完整审计读 references/react-performance-guidelines.md;针对单个问题读 references/rules/ 下按 <category>-<rule>.md 命名的文件,如 async-parallel.md、bundle-barrel-imports.md。
适用场景:React/Next.js 性能审查与优化,关注 TTI、LCP、FID、CLS、包体积与 TTFB。
限制:资料未提供安装命令、收费方式与具体平台支持信息;建议先剖析再优化,增量应用并测试,避免过早优化。