UI Performance Guard - 为React和Next.js应用强制执行Vercel标准性能优化
按照Vercel标准为React和Next.js应用执行性能优化
标签
更新于: 2026-02-12能力
典型输入
典型输出
该技能可以做什么
- 消除瀑布加载
- 延迟await直到数据需要
- 使用Promise.all进行并发获取
- 实现Suspense边界
- 避免桶文件导入
- 使用动态导入
- 审计第三方库
- 将昂贵计算提取到memoized组件
- 在setState中使用函数式更新
- 使用useRef去重全局事件监听器
- 优化SVG精度
- 对长列表使用content-visibility: auto
- 将静态JSX元素提升出渲染循环
输入
- React应用
- Next.js应用
- 代码库
- 性能预算
- npm脚本
输出
- 优化后的代码
- 性能报告
- lint警告
- 打包大小分析
要求
- Node.js环境
- npm或yarn
- React项目
- Next.js项目
- 性能预算定义