Performance & Web Vitals

​

Monitored Metrics

​

Core Web Vitals (Frontend)

• LCP (Largest Contentful Paint): Render time of largest content element.
• INP (Interaction to Next Paint): Overall user input responsiveness.
• CLS (Cumulative Layout Shift): Unexpected layout shifts during session.

​

Backend Telemetry

• Request Latency Distributions: p50, p75, p95, p99 percentiles.
• Throughput & Error Rates: Requests per second vs. 5xx status codes.
• Database Query Profiling: Detect slow N+1 ORM queries.

​

Web Vitals Integration

import * as Traceback from "@traceback/browser";

Traceback.init({
  dsn: "https://tb_live_key@ingest.traceback.dev/1",
  integrations: [new Traceback.BrowserMetrics()],
});