Pivoting from frontend to backend data
Once you have started collecting Frontend Observability data, you will be able to correlate it with backend and infrastructure telemetry. Grafana provides simple interfaces for this when you are using Loki for logs, Tempo for traces, and Mimir for metrics.
Within the Grafana Cloud Frontend Observability app, there are readymade dashboards that make navigation and investigation simple. As discussed in the Setting up GrafanaFrontend Observability section, the app menu has three main sections, namely, Overview, Errors, and Sessions. The Sessions tab allows us to jump into other telemetry that our system is producing and sending to Grafana. You can see in the following screenshot multiple requests to different page URLs alongside the associated session IDs:
Figure 12.8 – The Sessions tab
Clicking a Session Id entry will take you to a detailed view, where you can see the Web Vitals for that specific visitor session...