CrUX Vis

CrUX Vis is a dashboard that visualizes the weekly historical data from the CrUX History API.

Access CrUX Vis

To launch CrUX Vis, visit cruxvis.withgoogle.com, or enter an origin or URL, and press enter or click Go:

The CrUX Vis URL can then be shared and bookmarked for quick reference.

Does it work for all websites?

No. If your origin is not included in the CrUX dataset, there will be no data to display. There are over 15 million origins in the dataset, but the one you want may not have sufficient data to be included.

Some common issues with origins are providing the wrong protocol, for example http:// instead of https://, and omitting the subdomain when needed. Some websites include redirects, so if http://example.com redirects to https://www.example.com, then you should use the latter, which is the canonical version of the origin.

Similarly, URL-level data may not be available even when origin-level data is available.

CrUX Vis overview

CrUX Vis has 5 pages:

  1. Core Web Vitals
  2. Loading Performance
  3. Interactivity
  4. Visual Stability
  5. All Metrics

Each page includes a chart showing distributions over time for the past 40 weeks (where daya is available).

The weekly data is updated every Monday and each data point includes the previous 28-days worth of data. This means the data is overlapping.

Controls

Each page has a Controls section which lets you switch:

  • Date: Origin and URL-level data
  • Device: Phone, Desktop, Tablet, or all Data
  • Time periods
  • Display: 75th percentile, distributions, or both
Controls section of the CrUX Vis showing the data type (URL or origin), form factor (Phone, Desktop, Tablet, or All) and a History selector.
Controls section of the CrUX Vis.

Core Web Vitals

The first page is an overview of the URL or origin's Core Web Vitals performance. These are the most important UX metrics that Google recommends you focus on.

Core Web Vitals overview screen of CrUX Vis showing a single chart with all three Core Web Vitals over time and a description above.
Core Web Vitals page of CrUX Vis.

Use the Core Web Vitals page to understand how the URL or origin is experienced by users and which metrics need work, either because they are under recommended limits, or because they are regressing.

The page includes links to the next three sections to explore further.

Loading Performance

The Loading Performance pages includes all loading-related metrics in CrUX History API.

Loading Performance page of CrUX Vis showing a number of sections with the LCP section open.
Loading Performance page of CrUX Vis.

This page includes the following metrics:

Interactivity

The Interactivity page includes all interactivity-related metrics in CrUX History API.

Interactivity page of CrUX Vis showing a number of sections with the LCP section open.
Interactivity page of CrUX Vis.

This page includes the following metrics:

Visual Stability

The Visual Stability page includes all visual stability-related metrics in CrUX History API.

Visual Stability page of CrUX Vis showing a number of sections with the LCP section open.
Visual Stability page of CrUX Vis.

This page includes the following metrics:

All Metrics

The All Metrics page includes all metrics in CrUX History API in one place:

All Metrics page of CrUX Vis showing a number of sections with the LCP section open.
All Metrics page of CrUX Vis.

This page includes the following metrics:

FAQ

These are some of the frequently asked questions about the CrUX Vis:

When would I use the CrUX Vis as opposed to other tools?

CrUX Vis is for viewing historical data over time. Other tools such as PageSpeed Insights may only show the latest data.

CrUX Vis is similar to the CrUX Dashboard, except it is built upon the CrUX History API, rather than the CrUX BigQuery dataset. This includes a number of advantages over the dashboard including: quicker load times, weekly updates instead of monthly updates, both origin and URL-level data where available, and additional metrics not available in the dashboard. We recommend CrUX Vis over the CrUX Dashboard and are looking to retire the CrUX Dashboard in the future.

See also CrUX Tools.

How can I get the data that CrUX Vis displays?

All data in CrUX Vis comes from the CrUX History API which can be queried using a CrUX API key.

How can I customize CrUX Vis?

CrUX Vis does not offer customization options, beyond the controls. Users wishing to build a custom dashboard can use the CrUX History API that powers CrUX Vis to display the data as they want. Many third-party tools exist which provide alternative visualizations of this data.