Making a custom CrUX Dash shortcut in Chrome

#chrome #chromeuxreport

The CrUX Dashboard is a really easy way to see how real users experience the web, with data available for millions of websites. For developers who want to quickly jump into the CrUX Dashboard for a website, I made the CrUX Dash Launcher, a tiny web app that takes an origin and redirects you to its dashboard, by taking advantage of URL parameters.

Now there's an even easier way to launch into a customized CrUX Dashboard, using Chrome search shortcuts. Setting it up is almost as easy, as I've done here in under a minute:

Here's how to set it up yourself:

Go to chrome://settings/searchEngines

Click Add and enter the following URL:

https://datastudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D

Set the search engine to CrUX Dashboard and the keyword to something unique and easy to type like cruxdash

Now you can start typing cruxdash in the URL bar, and after pressing the <Space> key, it should prompt you to "Search CrUX Dashboard". Enter any website's origin (scheme, subdomain, and domain), eg https://dev.to, and press enter to be taken directly to a custom CrUX Dashboard for that website. Voila!