DEV Community

Rick Viscomi
Rick Viscomi

Posted on

11 3

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!

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (2)

Collapse
 
rogerm profile image
RogerM

This is just amazing!

Collapse
 
michael_lin_2d49f9cd02dd7 profile image
Michael Lin

Update the anchor link for step 1 to chrome://settings/searchEngines. Points to dev.tochrome

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay