Grafana Cloud

What you can do with Frontend Observability

Frontend Observability is built around several core capabilities:

  • Real User Monitoring (RUM): Capture core Web Vitals, navigation timings, device metadata, geolocation, and network information to understand real-user performance
  • Error monitoring: Track JavaScript exceptions and crashes, including stack traces, breadcrumbs, and source map support. Refer to Errors overview.
  • User interactions and events: Monitor navigation, clicks, and custom events to see how users interact with your application
  • Client-side tracing: Generate spans in the browser and correlate them with backend traces for end-to-end visibility
  • Browser logs: Collect structured client-side logs to diagnose issues and enrich traces
  • Dashboards and analytics: Visualize performance trends, errors, and user sessions using built-in or custom Grafana dashboards
  • Alert on issues: Create custom alerts or start with built-in presets to get notified when issues impact your users. Refer to Frontend Observability alerting.

With these capabilities, you can quickly detect regressions, investigate slow interactions, and understand the user experience across devices, browsers, and network conditions.