---
title: "Grafana Cloud Frontend Observability | Grafana Cloud documentation"
description: "Learn about the tools that power your frontend application observability with Grafana and Grafana Cloud"
---

# Frontend Observability

Instrument frontend web applications to capture observability signals and visualize the real-time performance of your application, and correlate with backend, infrastructure data for full-stack observability.

* * *

## Overview

Frontend Observability provides visibility into how users experience your web application in real-world conditions. By collecting telemetry directly from the browser, it helps teams understand performance, detect errors, and monitor interactions across devices, browsers, and network conditions.

The [Grafana Faro Web SDK](https://github.com/grafana/faro-web-sdk/) is the core tool for collecting frontend telemetry. It automatically captures real user performance metrics, errors, logs, and client-side traces, and sends the data to Grafana Cloud Frontend Observability for analysis.

### Why Frontend Observability matters

- Many performance bottlenecks and user experience issues occur in the browser, not the backend.
- Understanding real-user experience helps teams identify regression, network issues, and device-specific problems.
- Provides actionable insights to improve application speed, stability, and usability.

Give it a try using Grafana Play

With Grafana Play, you can explore and see how it works, learning from practical examples to accelerate your development. This feature can be seen on [Frontend Observability](https://play.grafana.org/a/grafana-kowalski-app).

[Try it](https://play.grafana.org/a/grafana-kowalski-app)

## Explore

[Introduction  
\
Learn about the benefits and features of Frontend Observability](./introduction/)

[Quickstart  
\
Start monitoring your application in minutes with a simple setup](./quickstart/)

[Get started  
\
Install and configure the Faro Web SDK in your application](./get-started/)

[Instrument  
\
Add tracking for user behavior, performance, errors, and custom events](./instrument/)

[Configure  
\
Customize data collection, sampling, filtering, and behavior](./configure/)

[Visualize data  
\
Explore performance metrics, errors, sessions, and user interactions](./visualize-data/)

[Integrate  
\
Connect with Application Observability and the knowledge graph](./integrate/)

[Create alerts  
\
Set up alerts for errors, performance issues, and SLOs](./create-alerts/)

[Settings and policies  
\
Configure RBAC, data privacy, and service-level objectives](./settings-and-policies/)

[References  
\
Release notes and technical reference documentation](./references/)