DEV Community

Mohammad Arman
Mohammad Arman

Posted on • Originally published at sites.google.com

Crux Search Engine in Chrome

In this Post We will be looking at Crux Search Engine In chrome, so without further ado lets get stared :)

What Is Crux

Crux stands for chrome real user experience report , it is a report that is generated by the field data (real data that chrome gets from our devices :)and then this data is used for checking the CWB (Core Web Vitals) Of a site.

Why do you want to see Crux Report Of A site

Crux report is very helpful in optimizing the core web vitals of a site , that report consists of core web vitals metrics such as FCP (first contentful paint), LCP(largest contentful paint) and CLS(content layout shift) by getting to know these metrics, you can start working on optimizing them, so no user feel like , your site sucks(slow) and click back button.

How to Use Crux Search engine in Chrome

  • Go into the Chrome setting with the help of three dot menus in top right of the chrome.
  • After then tap on search engine settings
  • Now tap on the "Manage search engines and site search" and now scroll down to "Site Search" and now click "Add" button and enter following details
Search engine: CrUX
Shortcut: crux
URL with %s in place of query: https://datastudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Enter fullscreen mode Exit fullscreen mode
  • Done , now just go back to search bar of chrome and type "crux" and press tab button and now you will be able to check the crux report by just typing the origin url.

Note:- As a rule of thumb, use whichever origin users see in the URL bar.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

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

Okay