Documentation
v1.0.0
Technical Specification
⚡

Performance Block

Define performance requirements and optimization targets

Preview

⚡
Performance
Technical
Core Web Vitals:
• LCP (Largest Contentful Paint): < 2.5s
• FID (First Input Delay): < 100ms
• CLS (Cumulative Layout Shift): < 0.1
• TTFB (Time to First Byte): < 600ms
Optimization:
• Image optimization with WebP/AVIF formats
• Code splitting and lazy loading
• Resource preloading for critical assets
• Service worker for offline caching
Targets:
• Lighthouse Score: > 95 (Performance)
• Bundle Size: < 250KB gzipped
• API Response Time: < 200ms (p95)
• Memory Usage: < 100MB peak
Monitoring:
• Real User Monitoring (RUM) with Sentry
• Core Web Vitals tracking
• Performance budgets in CI/CD
• Regular Lighthouse audits

Performance Examples

Web Application Performance Requirements
Loading Performance:
• First Contentful Paint (FCP): < 1.8s
• Largest Contentful Paint (LCP): < 2.5s
• Time to Interactive (TTI): < 3.8s
• Speed Index: < 3.0s
Runtime Performance:
• First Input Delay (FID): < 100ms
• Interaction to Next Paint (INP): < 200ms
• Frame rate: Maintain 60fps during animations
• JavaScript execution time: < 50ms per task
Resource Targets:
• JavaScript bundle: < 200KB gzipped
• CSS bundle: < 50KB gzipped
• Images: WebP format, < 500KB each
• Fonts: Preload critical fonts, use font-display: swap
API Performance Standards
Response Times:
• GET requests: < 100ms (p95)
• POST/PUT requests: < 200ms (p95)
• Complex queries: < 500ms (p95)
• Search operations: < 300ms (p95)
Throughput:
• Support 1000 concurrent users
• Handle 10,000 requests per minute
• 99.9% uptime SLA
• Auto-scaling based on CPU/memory
Optimization:
• Redis caching for frequent queries
• Database connection pooling
• CDN for static assets
• Gzip compression for responses

API Reference

Block Properties
typestring

Fixed value: "performance"

contentPerformanceContent

Structured object defining performance requirements

• metrics: object - Core Web Vitals and timing targets
• optimization: string[] - Performance improvement strategies
• monitoring: string[] - Tracking and measurement tools
• budgets: object - Resource size and timing limits
Code StyleSecurity