Skip to main content

Build Custom Web Performance Dashboards

Our custom dashboards feature lets you build dashboards showing the data that matters to your team. You can combine synthetic test results, Google CrUX data, and real user analytics in one place.

Custom dashboard

How to create a custom dashboard

  1. Select Dashboards in the sidebar
  2. Click on Dashboards
  3. Click on Add Dashboard

Add charts to the dashboard

After creating a dashboard you'll be prompted to add the first chart.

You can configure:

  • The type of dashboard item (for example a timeseries chart, bar chart, or table)
  • What metrics to display
  • How data should be filtered
  • Whether to group data by test or page view properties

Creating a dashboard chart

Edit dashboards

Hover over each dashboard items to see editing options:

  • Click the pencil icon to change what the item displays
  • Drag the item by clicking and holding the six dots
  • Resize the item using the bottom right corner

Editing chart items

Dashboard example: combine multiple data types

You can add multiple series to show web performance data from multiple sources in one chart.

CrUX data is collected as part of each synthetic test, so you can select it along with your lab test metrics.

Dashboard with synthetic data, CrUX data, and RUM data

Add chart annotations

To mark specific events on your chart, right click on it to add an annotation.

Dashboard chart annotation