Performance Metrics Visualizer

📊 Core Web Vitals

This tool monitors the three Core Web Vitals metrics that Google uses for search ranking and user experience assessment:

• INP (Interaction to Next Paint): Measures responsiveness. Target: ≤50ms (good), ≤200ms (needs improvement).
• LCP (Largest Contentful Paint): Measures loading performance. Target: ≤2.5s (good), ≤4s (needs improvement).
• CLS (Cumulative Layout Shift): Measures visual stability. Target: ≤0.1 (good), ≤0.25 (needs improvement).

🎯 Budget Validation

Each metric is validated against performance budgets. Metrics that exceed budgets will show suggestions for optimization.

🔒 Privacy

All metrics are captured locally in your browser and stored only in React state (session-only). No data is transmitted to any server.