Track, Analyze, and Visualize Web Vitals

Improve website SEO with Web Vitals. We provide the latest data directly from Chrome User Experience Report (CrUX)!


What are Web Vitals?

Through both internal studies and industry research, users show they prefer sites with a great page experience. In recent years, Search has added a variety of user experience criteria, such as how quickly pages load and mobile-friendliness, as factors for ranking results. Earlier this month, the Chrome team announced Core Web Vitals, a set of metrics related to speed, responsiveness and visual stability, to help site owners measure user experience on the web.
~Evaluating page experience for a better web

Google's announcement linked above describes a change in its search algorithm to evaluate and prioritize page experience. In this announcement Google introduces a new set of metrics to help developers measure and analyze a user-centric page experience called "Web Vitals". According to, Core Web Vitals are the subset of Web Vitals that apply to all web pages, and should be measured by all site owners. Each of the Core Web Vitals represents a distinct facet of the user experience, is measurable in the field, and reflects the real-world experience of a critical user-centric outcome.

In summary, we can utilize Google projects like Lighthouse and Web Vitals to not only improve web page experience but also improve SEO.

How to Track and Analyze Web Vitals

Google provides solutions to capture Web Vitals metrics as documented in the GitHub project. Foo aims to extend this cause with a robust solution for visualizing a historical record of Lighthouse audits and the most recent Web Vitals data from the Chrome User Experience Report (CrUX).

Lighthouse and Web Vitals Visualization


Choose from our free and premium accounts. We also offer pricing for combined services. All paid, premium accounts include a 1 month free trial. You can cancel anytime before trial end without being charged.



A free account type for basic usage. This is good for simple use or for familiarizing with features of our service. Allows 1 Lighthouse URL, 5 triggered Lighthouse runs per day, support for workflow integrations, and online reporting.

  • 1 URL.
  • 5 triggered runs per day.
  • Support for a variety of workflow integrations.
  • Online reporting.

Customized Plans

Had something else in mind? Whether you want higher rate limiting or custom pricing, contact us to help us come up with a plan that best meets your needs.


What is FCP?

First Contentful Paint (FCP) measures the time from when the page starts loading to when any part of the page's content is rendered on the screen.

What is FID?

First Input Delay (FID) measures the time from when a user first interacts with a page to the time when the browser is able to respond to that interaction.

What is LCP?

Largest Contentful Paint (LCP) metric reports the render time of the largest content element visible within the viewport.

What is TTFB?

Time to First Byte (TTFB) is the time that it takes for a user's browser to receive the first byte of page content.

What is CLS?

Cumulative Layout Shift (CLS) measures the sum total of all individual layout shift scores for every unexpected layout shift that occurs during the entire lifespan of a page. To calculate the layout shift score, the browser looks at the viewport size and the movement of unstable elements in the viewport between two rendered frames.