Performance Skills
Overview
Performance optimization knowledge for building fast, scalable applications that provide excellent user experience.
Key Metrics
| Metric | Target | Description |
|---|---|---|
| TTFB | < 200ms | Time to First Byte |
| FCP | < 1.8s | First Contentful Paint |
| LCP | < 2.5s | Largest Contentful Paint |
| FID | < 100ms | First Input Delay |
| CLS | < 0.1 | Cumulative Layout Shift |
| API Response | < 200ms | P95 response time |
| Database Query | < 50ms | P95 query time |
| Memory Usage | < 80% | Application memory threshold |
Categories
Fundamentals
- •Performance metrics and measurement
- •Bottleneck analysis techniques
- •Benchmarking methodologies
Caching
- •Application caching strategies
- •Redis/Memcached implementation
- •HTTP caching headers
- •CDN configuration
- •Cache invalidation patterns
Database Performance
- •Query optimization
- •Indexing strategies
- •Connection pooling
- •N+1 query prevention
- •Read replicas
API Performance
- •Pagination strategies
- •Response compression
- •Batch operations
- •Async processing
- •Rate limiting
Frontend Performance
- •Bundle optimization
- •Code splitting
- •Lazy loading
- •Image optimization
- •Core Web Vitals
Profiling & Monitoring
- •CPU profiling
- •Memory analysis
- •APM tools
- •Performance testing
Scaling
- •Horizontal vs vertical
- •Load balancing
- •Auto-scaling
- •Caching layers
Performance Pyramid
code
╱╲
╱ ╲ CDN / Edge
╱────╲
╱ ╲ Application Cache
╱────────╲
╱ ╲ Database Optimization
╱────────────╲
╱ ╲ Code Optimization
╱________________╲ Infrastructure
Quick Reference
Response Time Targets
| Operation Type | Target | Maximum |
|---|---|---|
| Static assets | < 50ms | 100ms |
| API read | < 100ms | 200ms |
| API write | < 200ms | 500ms |
| Search | < 200ms | 500ms |
| Report generation | < 2s | 5s |
| File upload | < 5s | 30s |
Caching Strategy by Data Type
| Data Type | Cache Location | TTL |
|---|---|---|
| Static assets | CDN | 1 year |
| User session | Redis | 30 min |
| User profile | Redis | 1 hour |
| Product catalog | Redis + CDN | 6 hours |
| Search results | Redis | 5 min |
| Config | Memory | 24 hours |
Skill Files
Fundamentals
Caching
Database
API
Frontend
Profiling
Scaling
Integration with F5 Framework
Quality Gate Integration
Performance requirements should be defined in quality gates:
yaml
# .f5/quality/gates-status.yaml
gates:
G2:
performance:
api_p95_response: "< 200ms"
database_p95_query: "< 50ms"
memory_usage: "< 80%"
Traceability
Performance requirements should be traceable:
typescript
// NFR-PERF-001: API response time must be under 200ms at P95
export async function getUser(id: string): Promise<User> {
// implementation
}