electrode icon indicating copy to clipboard operation
electrode copied to clipboard

feat: Add Browser Side Performance Insights

Open kylejeske opened this issue 3 months ago • 1 comments

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

Screenshot 2025-11-20 at 3 03 59 PM

kylejeske avatar Nov 20 '25 23:11 kylejeske

CLA assistant check
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.

CLAassistant avatar Nov 20 '25 23:11 CLAassistant