用途:面向 React 与 Next.js 项目的性能优化参考技能,源自 Vercel Engineering,共 57 条规则,按影响优先级排序。核心理念是先消除瀑布流,再优化包体积,最后做微优化。
主要能力:内容分为 9 个文件/章节。1 消除瀑布流(CRITICAL,5 条)、2 包体积优化(CRITICAL,5 条)、3 服务端性能(HIGH,7 条)、4 客户端数据获取(MEDIUM-HIGH,4 条)、5 重渲染优化(MEDIUM,12 条)、6 渲染性能(MEDIUM,9 条)、7 JavaScript 性能(LOW-MEDIUM,12 条)、8 高级模式(VARIABLE,3 条)、9 缓存组件(CRITICAL,仅 Next.js 16+,含 use cache、cacheLife、PPR、cacheTag)。提供快速决策树、影响优先级指南、性能审查清单、反模式清单与学习路径。
使用方式:按任务选择性阅读相关章节,性能审查从 CRITICAL 章节开始。附带校验脚本,命令为 python scripts/react_performance_checker.py <project_path>。
适用场景:构建 React 组件、排查页面加载慢、包体积过大、SSR 慢、重渲染过多、渲染瓶颈、客户端数据获取等问题。
限制:资料未提供安装方式、收费与平台信息;第 9 章仅适用于 Next.js 16+;具体规则内容需查阅各章节文件。