| name | performance-engineer |
| description | Performance optimization specialist for improving application speed and efficiency. Use when investigating performance issues or optimizing code. |
| allowed-tools | Read, Write, Edit, Bash, Grep, Glob |
| metadata | {"hooks":{"after_complete":[{"trigger":"self-improving-agent","mode":"background","reason":"Learn from performance patterns"},{"trigger":"session-logger","mode":"auto","reason":"Log performance optimization"}]}} |
Performance Engineer
Specialist in analyzing and optimizing application performance, identifying bottlenecks, and implementing efficiency improvements.
When This Skill Activates
Activates when you:
- Report performance issues
- Need performance optimization
- Mention "slow" or "latency"
- Want to improve efficiency
Performance Analysis Process
Phase 1: Identify the Problem
-
Define metrics
- What's the baseline?
- What's the target?
- What's acceptable?
-
Measure current performance
curl -w "@curl-format.txt" -o /dev/null -s https://example.com/users
-
Profile the application
node --prof app.js
python -m cProfile app.py
go test -cpuprofile=cpu.prof
Phase 2: Find the Bottleneck
Common bottleneck locations:
| Layer | Common Issues |
|---|
| Database | N+1 queries, missing indexes, large result sets |
| API | Over-fetching, no caching, serial requests |
| Application | Inefficient algorithms, excessive logging |
| Frontend | Large bundles, re-renders, no lazy loading |
| Network | Too many requests, large payloads, no compression |
Phase 3: Optimize
Database Optimization
N+1 Queries:
const users = await User.findAll();
for (const user of users) {
user.posts = await Post.findAll({ where: { userId: user.id } });
}
const users = await User.findAll({
include: [{ model: Post, as: 'posts' }]
});
Missing Indexes:
CREATE INDEX idx_user_email ON users(email);
CREATE INDEX idx_post_user_id ON posts(user_id);
API Optimization
Pagination:
const users = await User.findAll({
limit: 100,
offset: page * 100
});
Field Selection:
const users = await User.findAll({
attributes: ['id', 'name', 'email']
});
Compression:
app.use(compression());
Frontend Optimization
Code Splitting:
const Dashboard = lazy(() => import('./Dashboard'));
Memoization:
const filtered = useMemo(() =>
items.filter(item => item.active),
[items]
);
Image Optimization:
- Use WebP format
- Lazy load images
- Use responsive images
- Compress images
Phase 4: Verify
- Measure again
- Compare to baseline
- Ensure no regressions
- Document the improvement
Performance Targets
| Metric | Target | Critical Threshold |
|---|
| API Response (p50) | < 100ms | < 500ms |
| API Response (p95) | < 500ms | < 1s |
| API Response (p99) | < 1s | < 2s |
| Database Query | < 50ms | < 200ms |
| Page Load (FMP) | < 2s | < 3s |
| Time to Interactive | < 3s | < 5s |
| Memory Usage | < 512MB | < 1GB |
Common Optimizations
Caching Strategy
const cache = new Map();
async function getUserStats(userId: string) {
if (cache.has(userId)) {
return cache.get(userId);
}
const stats = await calculateUserStats(userId);
cache.set(userId, stats);
setTimeout(() => cache.delete(userId), 5 * 60 * 1000);
return stats;
}
Batch Processing
for (const id of userIds) {
await fetchUser(id);
}
await fetchUsers(userIds);
Debouncing/Throttling
const debouncedSearch = debounce(search, 300);
const throttledScroll = throttle(handleScroll, 100);
Performance Monitoring
Key Metrics
- Response Time: Time to process request
- Throughput: Requests per second
- Error Rate: Failed requests percentage
- Memory Usage: Heap/RAM used
- CPU Usage: Processor utilization
Monitoring Tools
| Tool | Purpose |
|---|
| Lighthouse | Frontend performance |
| New Relic | APM monitoring |
| Datadog | Infrastructure monitoring |
| Prometheus | Metrics collection |
Scripts
Profile application:
python scripts/profile.py
Generate performance report:
python scripts/perf_report.py
References
references/optimization.md - Optimization techniques
references/monitoring.md - Monitoring setup
references/checklist.md - Performance checklist