electrode
electrode copied to clipboard
feat: Add Browser Side Performance Insights
Add @xarc/app-performance-monitor package
Client-side performance monitoring utility that automatically tracks:
- Web Vitals (LCP, FID, FCP)
- JavaScript bundle load times and sizes
- Performance timing metrics (DNS, TCP, TTFB, DOM processing)
- Runtime errors
Features:
- Zero-config auto-initialization
- SSR-safe (works in Node.js without errors)
- Framework-agnostic (React, Vue, Angular, vanilla JS)
- TypeScript support with full type definitions
- Dual builds (ESM + CJS)
- Exports metrics to console and provides API to send to analytics endpoints
Usage: import '@xarc/app-performance-monitor'; // Metrics automatically collected and available at window.performanceMetrics
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.