Custom site performance reports with the CrUX Dashboard

Continuous performance monitoring is crucial to identify trends and
regressions before they negatively affect your site engagement and bottom line
metrics. The
Chrome UX Report
(CrUX) enables you to track user experience and performance metrics for
millions of origins -- and yes, you can even compare competitors' performance
head-to-head! Today we're releasing the CrUX Dashboard that you can use to
better understand how an origin's performance evolves. It's built on
Data Studio and automatically syncs
with the latest datasets and can be easily customized and shared with everyone
on your team.

The monthly distribution of First Contentful Paints for
developers.google.com

Go try it out at g.co/chromeuxdash -- it only
takes a minute to set it up! There are a few one-time confirmation prompts, so
if you have any hesitation refer to this helpful walkthrough video:

There are now three ways to explore the Chrome UX Report dataset, so let's see
what makes this one so special.

BigQuery is
great for slicing and dicing the raw data at will across any number of
origins. You get 1 TB of querying for
free each month and a
billing account is required to cover any overages.

PageSpeed Insights allows you to explore the
latest snapshot of the user experience for a single URL or origin. You can see
how the page load performance is distributed in a web interface or API.

The CrUX Dashboard enables you to see how the
user experience of an origin changes over time. All of the data querying and
visualizing is done for you with unlimited free usage and the data is
automatically updated for you.

This dashboard is built on Data Studio
, Google's dashboarding and reporting platform that is free to use. Under the
hood, the entire data pipeline is managed for you thanks to the Chrome UX
Report's community connector. All you need to do is
enter an origin and it will load the data and generate the visualizations for
you. It's even open source, so you can explore how it works in the
GoogleDataStudio/community-connectors
repository on GitHub.

The monthly distribution of form factors for developers.google.com

In this release we've set you up with three charts:

First Contentful Paint

Device Distribution

Connection Distribution

Each chart includes historical data so you can see how the distribution
changes over time. And this really is a live dashboard; the visualizations
will automatically update after each monthly release.

The monthly distribution of effective connection types for
developers.google.com

Some features we're exploring for future improvements are more metrics like
First Input Delay,
better error handling of unrecognized origins, and the ability to compare
multiple origins. If you have any suggestions to make the dashboard even
better, we'd love to hear from you on the
forum
or
@ChromeUXReport.

rss_feed
Subscribe to our
RSS or
Atom feed
and get the latest updates in your favorite feed reader!