Loading...
Loading...
Quick performance measurement using Lighthouse and Core Web Vitals. Use when user says "/perf", "성능 측정", "performance", "lighthouse", or wants to audit page performance. Supports single page or batch measurement.
npx skill4agent add october-academy/agent-plugins perf/perf # Audit current/main page
/perf /about # Audit specific path
/perf https://example.com # Audit full URL
/perf --all # Audit all key pages--all/web-perf-uxlighthouse <url> --output=json --chrome-flags="--headless"| Metric | Good | Needs Work | Poor |
|---|---|---|---|
| LCP (Largest Contentful Paint) | <2.5s | 2.5-4.0s | >4.0s |
| CLS (Cumulative Layout Shift) | <0.1 | 0.1-0.25 | >0.25 |
| INP (Interaction to Next Paint) | <200ms | 200-500ms | >500ms |
Performance Report
==================
/ (Homepage)
LCP: 1.8s CLS: 0.05 INP: 120ms Score: 92
/dashboard
LCP: 3.2s CLS: 0.08 INP: 180ms Score: 74
Issues: LCP needs improvement
/products
LCP: 2.1s CLS: 0.02 INP: 95ms Score: 89
Top Issues:
1. /dashboard - Large images not optimized
2. /dashboard - Render-blocking JavaScript| Issue | Solution |
|---|---|
| High LCP | Optimize images, preload critical assets |
| High CLS | Set image dimensions, avoid dynamic content insertion |
| High INP | Reduce JavaScript, use code splitting |
| High TTFB | Check server response, use CDN |
web-perf-ux# For detailed analysis
/web-perf-ux https://example.com
# For quick check
/perf https://example.com--all