> ## Documentation Index
> Fetch the complete documentation index at: https://docs.traceback.cc/llms.txt
> Use this file to discover all available pages before exploring further.

# Performance & Web Vitals

> Monitor Core Web Vitals, API latency distributions (p50, p95, p99), and throughput.

Traceback provides real-time performance telemetry alongside error monitoring to identify regressions in user experience.

## 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

```typescript theme={null}
import * as Traceback from "@traceback/browser";

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