---
title: Frontend Observability
description: "Monitor real user experience with OpenObserve frontend observability: Core Web Vitals, JavaScript error tracking, and session replay via a lightweight SDK."
---

# Frontend Observability

OpenObserve provides robust frontend observability tools that help monitor user experience, track performance metrics, and capture errors in web applications. With minimal overhead, you can gain deep visibility into how users interact with your frontend—ensuring smooth performance across devices and browsers.

## Overview

Frontend Observability in OpenObserve enables real user monitoring, performance tracking (including Core Web Vitals), JavaScript error capture, and session replay. These tools are optimized for modern frontend architectures and come with a lightweight SDK for easy integration.


## Key Features

### Real User Monitoring (RUM)

- **Page Load Performance**: Track FCP, LCP, and other performance indicators

- **Web Vitals Monitoring**: Automatically capture Google's Core Web Vitals

![Web Vitals Monitoring](../images/features/frontend-webvitals.png)

- **Geographic & Device Context**: Analyze user experience by browser, device, and approximate location.

- **Network Insights**: Track HTTP requests and network timing


### Error Tracking

- **JavaScript Errors**: Automatically capture exceptions and errors with full stack traces
- **Error Context**: Includes user session metadata and browser details

![Error Tracking](../images/frontend/error-tracking.webp)

See [Error Tracking](../user-guide/data-exploration/rum/error-tracking.md) for the full guide.

### Session Replay

- **User Interaction Recording**: Replay user sessions to understand behavior and debug issues

![User Interaction Recording](../images/features/user-interaction.png)

- **Event Timeline**: View DOM changes, clicks, inputs, and navigation in order

![Event Timeline](../images/features/event-timeline.png)

- **Privacy Features**: Configurable masking for sensitive fields

See [Session Replay](../user-guide/data-exploration/rum/session-replay.md) for the full guide.


## Integration

Getting started with [OpenObserve's RUM](../user-guide/data-exploration/rum/index.md) is straightforward. Add our JavaScript snippet to your application's entry point eg: index.js or main.js, and you'll begin collecting user experience data immediately.