Everything Claude Code Performance Optimizer Agent 是一款专注于性能分析、JavaScript Bundle 优化、内存泄漏检测和数据库/网络瓶颈定位的专职 AI 代理。它能够自动或按需识别代码中的慢点、冗余依赖、渲染性能陷阱和内存泄漏问题，输出结构化性能审计报告和优化建议。相比直接询问 Claude，使用专门的 Performance Optimizer Agent 能获得更系统、专业且可复用的性能治理能力，适合生产环境下持续性能保障与回归监控。

Everything Claude Code Performance Optimizer Agent：性能分析、Bundle 优化与内存泄漏专职代理

在现代前后端开发中，性能问题往往难以及早发现，且涉及代码、依赖、渲染、数据库、网络等多层面。Everything Claude Code Performance Optimizer Agent（以下简称 Performance Optimizer）正是为此场景而生的专职 AI 代理，专门负责性能瓶颈分析、Bundle 体积优化、内存泄漏检测、渲染与数据库/网络优化等任务。它是 Everything Claude Code 完全指南 体系中最关键的性能保障组件之一。

为什么要用专门的 Performance Optimizer Agent？

直接让 Claude 或 Codex 评估性能，通常只能获得基于上下文的片段性建议，无法系统性梳理性能指标、自动分析 Bundle 结构、定位内存泄漏或输出结构化报告。Performance Optimizer Agent 具备如下独特优势：

• 专业性：内置性能指标基准、常见性能陷阱清单、React/Node/数据库/网络多栈优化知识。
• 自动化：可按配置在发布前、功能开发后、性能回归测试时自动触发，无需手动每次提问。
• 结构化输出：输出完整的性能审计报告、Bundle 分析表和优化建议，便于团队追踪和复现。
• 与其他 Agent 协作：可与 code-reviewer、build-error-resolver、harness-optimizer 等协作，形成端到端的质量闭环。
• 高复用性：支持多项目、多语言、多框架的性能分析，避免重复劳动。

适用场景与能力边界

适用场景（必须用 Performance Optimizer 的典型场合）

• 发布前性能审计：大版本上线、主要功能合并前，自动输出 Lighthouse、Bundle、Web Vitals 等多维度性能报告。
• 性能回归测试：版本升级、依赖更新后，自动对比历史性能指标，及时发现性能下降。
• 用户反馈慢/卡顿：用户报告页面加载慢、交互延迟、内存溢出等问题时，精准定位瓶颈。
• 持续集成/自动化 Hook：结合 Everything Claude Code Hooks 实战 ，在 CI/CD 流程中自动触发性能分析。
• 代码重构/依赖调整：重构、引入新依赖或重组 Bundle 时，评估体积和运行时影响。

能力范围（它能做什么）

• 性能 Profiling：自动识别慢代码路径、内存泄漏、渲染瓶颈、数据库/网络慢查询。
• Bundle 优化：分析打包体积、查找重复依赖、建议 tree shaking/code splitting/lazy loading。
• React 渲染优化：检测不必要的 re-render、useMemo/useCallback/React.memo 等最佳实践缺失。
• 数据库与 API 优化：分析 SQL 查询、API 调用模式，建议索引、批量请求、缓存与分页。
• 内存泄漏检测：识别事件监听未清理、定时器/闭包引用等常见内存泄漏模式。
• 输出结构化报告：生成包含指标对比、问题定位、优化前后代码对照的 Markdown 报告。

能力边界（它不能做什么）

• 不直接修复代码：仅负责分析与建议，实际修复需配合 code-reviewer 或开发者操作。
• 不替代安全审计：安全相关问题仍需 security-reviewer 负责。
• 依赖上下文完整性：分析结果依赖于代码、依赖、构建产物等上下文的完整性，部分场景需手动补充信息。

触发方式与自动化集成

Performance Optimizer 支持两种触发方式：

1. 自动触发（推荐）

• CI/CD 集成：在 CI 流程中配置为发布前 Hook，自动分析最新构建产物（如 build/static/js/*.js）。
• 代码合并/PR 阶段：结合 Verification Loop 或 PreToolUse Hook ，在 Pull Request 合并前自动运行。
• 性能回归监控：与 Canary Watch Skill 配合，监控性能指标波动自动触发分析。

2. 手动调用

• 开发者主动触发：在本地或代码评审阶段，手动选择“Run Performance Optimizer”命令，或通过命令行/工具面板调用。
• 指定分析范围：可针对单个模块、特定页面、数据库查询等指定分析对象。

与其他 Agent 的协作模式

Performance Optimizer 并非孤立运行，常见协作组合包括：

• 与 code-reviewer 联动：先由 code-reviewer 检查代码质量，再由 Performance Optimizer 针对性能专项分析，形成“质量+性能”双重保障。
• 与 build-error-resolver 配合：构建失败时先修复构建，再进行性能分析，避免无效分析。
• 与 harness-optimizer 协作：在大规模 Agent 并发任务时，优化 Harness 配置和资源分配，提升整体吞吐和成本效率。
• 与 Verification Loop/Canary Watch 联动：实现端到端的持续性能回归监控和自动化报警。

实际使用示例

以下为一次典型的 Performance Optimizer Agent 工作流对话示例：

开发者：

最近上线后，首页加载速度变慢，能帮我分析一下性能瓶颈和 Bundle 体积吗？

Performance Optimizer Agent：

# Performance Audit Report

## Executive Summary
- **Overall Score**: 81/100
- **Critical Issues**: 2
- **Recommendations**: 3

## Bundle Analysis
| Metric              | Current | Target     | Status   |
|---------------------|---------|------------|----------|
| Total Size (gzip)   | 320 KB  | < 200 KB   | WARNING  |
| Main Bundle         | 190 KB  | < 100 KB   | WARNING  |
| Vendor Bundle       | 130 KB  | < 150 KB   | PASS     |

## Web Vitals
| Metric | Current | Target  | Status   |
|--------|---------|---------|----------|
| LCP    | 3.2s    | < 2.5s  | WARNING  |
| FID    | 48ms    | < 100ms | PASS     |
| CLS    | 0.09    | < 0.1   | PASS     |

## Critical Issues

### 1. Bundle 体积超标
**影响**: 首页加载慢，LCP 超标  
**建议**: 
- 拆分路由级 Bundle，使用 `React.lazy` 实现懒加载
- 替换 moment.js 为 date-fns，移除未用 icon 库

### 2. useEffect 未清理事件监听
**文件**: src/pages/Home.tsx:88  
**影响**: 潜在内存泄漏，长时间运行后页面变卡  
**修复建议**:
```typescript
useEffect(() => {
  window.addEventListener('resize', handleResize);
  return () => window.removeEventListener('resize', handleResize);
}, []);
```

## Recommendations
1. 路由级代码分割，减少初始 Bundle
2. 替换大体积依赖，按需引入
3. 检查所有 useEffect 是否有清理逻辑

## Estimated Impact
- Bundle size reduction: 110 KB (34%)
- LCP improvement: 700ms

开发者：

能帮我生成一份优化后的 Bundle import 示例吗？

Performance Optimizer Agent：

// BAD: 整库引入
import moment from 'moment';
import _ from 'lodash';

// GOOD: 按需引入
import { format } from 'date-fns';
import debounce from 'lodash/debounce';

开发者：

数据库慢查询也帮我查一下。

Performance Optimizer Agent：

-- BAD: N+1 查询
SELECT * FROM users;
-- 然后每个用户再查一次订单

-- GOOD: 批量查询
SELECT u.id, u.name, o.id as order_id, o.total
FROM users u
LEFT JOIN orders o ON u.id = o.user_id;

操作步骤与最佳实践

1. 集成 Agent：安装并启用 Performance Optimizer Agent，推荐结合 Everything Claude Code 安装配置指南。
2. 配置自动化 Hook：在 CI/CD 或 PR 阶段添加自动触发规则，详见 Hooks 实战。
3. 指定分析范围：可按需分析全量 Bundle、单页面、数据库查询等。
4. 查看报告与建议：每次运行后自动生成结构化 Markdown 报告，便于团队追踪与复现。
5. 协同修复：根据报告建议，配合 code-reviewer 或开发者修复性能问题。
6. 持续监控：结合 Canary Watch Skill 实现性能回归自动报警。

常见问题与注意事项

Q: 为什么不用直接问 Claude，而要用专门的 Performance Optimizer Agent？
A: 专职 Agent 内置了完整的性能指标、分析流程和多栈优化知识，能自动输出结构化报告和建议，远比零散提问 Claude 更系统、更专业、更易复用。

Q: 性能分析会影响构建或上线速度吗？
A: 性能分析通常在构建产物或 PR 阶段运行，不影响主流程上线速度，且可配置为异步或仅在关键节点触发。

Q: 能否分析后端、数据库和 API 性能？
A: 可以。Performance Optimizer 支持数据库查询、API 调用模式的分析与优化建议，适用于全栈场景。

---

通过引入 Everything Claude Code Performance Optimizer Agent，团队可以实现性能问题的自动发现、结构化治理和持续回归监控，极大提升生产级 AI 编程效率与系统稳定性。如需进一步了解 Agent 体系和自动化集成方式，推荐阅读 Everything Claude Code 完全指南 及 Hooks 实战。