Frontend Observability

Gain real user monitoring insights

Grafana Cloud Frontend Observability is our hosted service for real user monitoring (RUM) that provides immediate, clear, actionable insights into the end user experience of web applications. You’ll get RUM data on real-time frontend health, track frontend errors, and resolve issues with end-to-end visibility across your stack.

Get started with the Grafana Cloud free tier: 50k frontend sessions.

Create free account

Docs

Understand the actual end user experience

Monitor and report on Web Vitals to optimize your website and application performance for users.

Troubleshoot user-facing issues

Reconstruct user behavior leading up to an issue and correlate the data with backend requests when debugging performance issues.

Reduce MTTR for frontend errors

Look into similar errors that are automatically grouped for you and investigate issues down to specific lines of code.

Why use Grafana Cloud for frontend monitoring?

Monitor end user experience

Measure page load times, user interaction, cumulative layout shift, and more critical metrics for understanding and delivering a great user experience.
Slice and dice performance metrics in ways that align with your business goals — e.g., by device type, application version, or session ID — and learn more how certain users interact with your site.

Grafana Frontend Observability overview dashboard.

grafana frontend observability error awareness dashboard

Track errors with complete stack traces

Assess the severity of frontend errors based on volume and frequency.
Investigate each issue with helpful contextual metadata.
Narrow down the source of an error to specific lines of code by unpacking JavaScript stack traces.

End-to-end visibility into every user interaction

Find user sessions based on any parameter.
Reconstruct the timeline of events in a user session.
Analyze page navigation performance with a detailed breakdown of each phase, including network and rendering.
Correlate a frontend session with request traces to gain full-stack visibility.

grafana frontend observability sessions dashboard

grafana frontend observability custom dashboard example

Build custom Grafana dashboards

Frontend performance data is stored in Grafana Cloud Logs and Cloud Traces, exposed as Prometheus metrics, and visualized in Grafana for flexible analysis and reporting.

It’s easy to get started with Grafana Cloud Frontend Observability

Create your free Grafana Cloud account

Register an application

Enter the name of your application and the domains from which you are ending data.

Add the Grafana Faro Web SDK to application

Add the Faro Web SDK to your application using either npm registry or a CDN. Or you can add OpenTelemetry to capture tracing data.

Enjoy out-of-box insights

Immediately start to see real-time frontend health, monitor frontend errors, and track user sessions in minutes.

For full implementation details and best practices,

see the guide

Get Frontend Observability in Grafana Cloud

Real user monitoring for every user, every organization, and every use case.

Cloud Free

Best suited for early stage and small teams that monitor sites with up to 50k sessions per month

Create free account

Cloud Pro

Best suited for growing teams that monitor websites with more than 50k sessions per month and requiring 8X5 support.

Start 14-day trial

Cloud Advanced

Best suited for global teams with higher monitoring requirements for websites with more than 50k sessions per month and requiring 24X7 support.

“Grafana Cloud Frontend Observability is critical to observing our frontend infrastructure and micro frontends. It provides valuable out-of-the-box insights about the end-user experience, insights into problems our users are facing and it was easy to adopt. Its integration with OpenTelemetry allows us to get the fullstack perspective on our system which enables us to look at observability more holistically and reevaluate our practices.”

Sai Soundararajan

Engineering Manager