Grafana Cloud Frontend Observability Using the Application Performance Overview Page

Application Performance Overview

The Application Performance Overview page is a very useful tool when you want to verify that your application is running smoothly and drill down to specific timeframes that you want to identify issues in.

When opening the page there a couple of things you should look for:

• Web Vitals have healthy values (Green)
• Page Loads do not have any spikes (low or high)
• Errors are 0 or below an expected threshold
• P75 graphs do not have any spikes

Filters

On the top right, there is a set filters you can use that allow you to:

• Select a different app to view
• Change the datasource (useful for custom setups)
• Change time frame like you would normally in a Grafana dashboard

On the top left, there is a more complex filtering system that allows you to narrow down the information exposed. With it, you can slice and dice your data based on the meta-information, provided by the SDK.

Adding a meta filter

To add a meta filter:

1. Click the ‘+’ button
2. Select the meta label that you want from the dropdown
3. Select the value from the dropdown

To edit a meta filter value:

1. Click the value of the filter you want to change
2. Select the new value from the dropdown

To remove a meta filter

1. Click the label of the filter you want to remove
2. Select ‘–remove filter–’ from top the dropdown list