Web Vitals

Web Vitals are a collection of performance metrics that can be used to measure the performance of a web application. These metrics are collected for each page load and are used to determine the application's overall performance.

Metronome lets you measure the performance of your web application using these metrics.

Percentiles

Metronome lets you filter how your app is performing for a certain percentage of users. For web vitals, you can select the following percentiles:

Web Vitals Collected

These are the metrics that are collected to be able to calculate your Remix app. (Source: https://web.dev)

Largest Contentful Paint (LCP)

Measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.

First Input Delay (FID)

Measures interactivity. To provide a good user experience, pages should have a FID of 100 milliseconds or less.

Cumulative Layout Shift (CLS)

Measures visual stability. To provide a good user experience, pages should maintain a CLS of 0.1. or less.

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.

Score Calculation

We use the same approach as Lighthouse and Vercel Analytics to get the application score. The score is calculated by a weighted average of the metrics depending on the device.

Score for desktop devices

Score for mobile devices