Skip to content

feat: Add Browser Side Performance Insights#2069

Draft
kylejeske wants to merge 6 commits intomasterfrom
feat/xarc-app-performance-monitor
Draft

feat: Add Browser Side Performance Insights#2069
kylejeske wants to merge 6 commits intomasterfrom
feat/xarc-app-performance-monitor

Conversation

@kylejeske
Copy link
Member

@kylejeske kylejeske commented Nov 20, 2025

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

@CLAassistant
Copy link

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.

@kylejeske kylejeske changed the title feature: adds @xarc/app-performance-monitor feat: Add Browser Side Performance Insights Nov 20, 2025
@kylejeske kylejeske force-pushed the feat/xarc-app-performance-monitor branch from 748b3fa to 196dd9e Compare November 21, 2025 00:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants