Making a custom CrUX Dash shortcut in Chrome

rick_viscomi

Rick Viscomi

Posted on September 22, 2020

Making a custom CrUX Dash shortcut in Chrome

Configuring the shortcut

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:

  1. Go to chrome://settings/searchEngines
  2. 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
    
  3. Set the search engine to CrUX Dashboard and the keyword to something unique and easy to type like cruxdash

Chrome search shortcut for CrUX Dashboard

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!

💖 💪 🙅 🚩
rick_viscomi
Rick Viscomi

Posted on September 22, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related