web-performance
Installation
SKILL.md
Web Performance Patterns
Core Web Vitals
| Metric | What It Measures | Good | Needs Work |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Main content visible | ≤ 2.5s | > 4.0s |
| INP (Interaction to Next Paint) | Input responsiveness | ≤ 200ms | > 500ms |
| CLS (Cumulative Layout Shift) | Visual stability | ≤ 0.1 | > 0.25 |
Measuring
import { onLCP, onINP, onCLS } from "web-vitals";
onLCP(console.log);
onINP(console.log);
onCLS(console.log);