Menu
Choose a product
Scroll for more
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 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.
Explore
Introduction
Learn about the benefits and features of Frontend Observability
Quickstart
Start monitoring your application in minutes with a simple setup
Get started
Install and configure the Faro Web SDK in your application
Instrument
Add tracking for user behavior, performance, errors, and custom events
Configure
Customize data collection, sampling, filtering, and behavior
Visualize data
Explore performance metrics, errors, sessions, and user interactions
Integrate
Connect with Application Observability and the knowledge graph
Create alerts
Set up alerts for errors, performance issues, and SLOs
Settings and policies
Configure RBAC, data privacy, and service-level objectives
References
Release notes and technical reference documentation
Was this page helpful?
Related resources from Grafana Labs
Additional helpful documentation, links, and articles:
Video

Getting started with managing your metrics, logs, and traces using Grafana
In this webinar, we’ll demo how to get started using the LGTM Stack: Loki for logs, Grafana for visualization, Tempo for traces, and Mimir for metrics.
Video

Intro to Kubernetes monitoring in Grafana Cloud
In this webinar you’ll learn how Grafana offers developers and SREs a simple and quick-to-value solution for monitoring their Kubernetes infrastructure.
Video

Building advanced Grafana dashboards
In this webinar, we’ll demo how to build and format Grafana dashboards.