kanmi-perf
v0.2.2 · MIT License (Free)
In-browser JavaScript tool for real-time Core Web Vitals insights. Lightweight diagnostics without external dependencies.
Install
npm install kanmi-perfQuickstart
import KanmiPerf from 'kanmi-perf';
KanmiPerf.init();What It Detects
- LCP (Largest Contentful Paint)
- CLS (Cumulative Layout Shift)
- INP (Interaction to Next Paint)
- Long Tasks blocking the main thread
- Long Animation Frames (LoAF)
- DOM issues — images without width/height causing CLS
- Render-blocking scripts in
<head> - Synchronous third-party scripts
Output
Logs Core Web Vitals metrics to the browser console. Provides a calculated page score (0–100) combining all vitals with adjustable thresholds.
When to Use
Basic performance monitoring during development. Use kanmi-perf-pro or kanmi-perf-advanced for timeline analysis, visual overlays, or AI recommendations.