/core-web-vitals

The Crux tool is a web UI for querying and visualizing the CrUX API. All data metrics are aggregated together in a single card. Get your CLS, FID, LCP, and FCP.

Primary LanguageJavaScript

CrUX API tool

The main objective of the tool is to request the data from the API and display it, allowing the user to do multiple calls and view the web vital metrics.

Getting Started

Search for an origin and the tool will fetch from the API and then build a card with the web vitals for its origin with all available form factors. If the are no metrics for a form factor (ex: "phone" ) then the tab will return "no data". If the origin has no metrics found in the API then no card will be created.

www.example.com

NOTE: some origins "www" will return no data, therefor you can add the origin as follow:

example.com

Deployment

The deployment of this tool is using vercel.

  • Vercel - Used to host the tool

Built With

Authors

  • Alejandro Loaiza

See also the list of contributors who participated in this project.

Acknowledgments

  • The tool was built from a code sample, if you would like to learn more about the example please read this article: Crux API