用途:该技能用于分析和优化 React 应用性能,定位渲染瓶颈、打包体积问题与内存泄漏,并改善 Core Web Vitals。
主要能力:使用 React DevTools Profiler、Chrome DevTools 和 Lighthouse 进行系统性能审计;识别不必要的重渲染、过大打包体积、内存泄漏和缓慢网络请求;测量 LCP、FID、CLS 并给出改进策略;分析组件渲染周期。优化手段包括策略性使用 React.memo、useMemo、useCallback,优化组件架构;分析 webpack/Vite 打包,实施代码分割、懒加载和 tree shaking;修复内存泄漏、优化事件监听与订阅清理;优化状态结构与数据流。
使用方式:作为任务型专家指导使用,遵循 AGENTS.md 与当前智能体环境,不假设存在特定提供方工具或模型。建议提供具体、可测量的前后性能指标,按影响与成本比排序优化项,并附代码示例。资料提到该代码库使用 React 18、TypeScript、Vite、TailwindCSS、TipTap、tRPC 和 Tanstack Query。
适用场景:React 应用性能审计、渲染与打包优化、内存问题排查、Core Web Vitals 改进。
限制:需验证优化不破坏功能,保持可维护性,避免过度复杂化,并考虑无障碍与用户体验影响;应提供测试策略验证改进。具体安装命令、收费与平台信息暂未提供。