Web Vitals are a set of useful metrics with the goal of measuring the user experience of a web page.

Traditional tools like Lighthouse can tell you what your core web vitals are but the data collected is from a simulated environment, not from your actual users. Scoring well on Lighthouse does not mean your actual users are having a good experience.

By default, Highlight will record Web Vitals for all of your sessions. The metrics that we record are:

1. Largest Contentful Paint

2. Cumulative Layout Shift

3. First Contentful Paint

4. First Input Delay

5. Time to First Byte

Performance is a continuous challenge. For your app, you may see months of metrics improving but then suddenly some decrease dramatically. This is normal! With Highlight, you'll be able to see when that performance regression happened (down to the app version number).

Dashboards

Seeing how your web vital metrics perform over time is important to make sure you're consistently deliverying a great experience for your users. We've made this easy by providing a dashboard with all your web vitals. Check out your dashboard to see how your apps are doing!

Metric Monitors

Metric monitor alerts can be added from the Recording Network Requests and Responses page to warn you when any of your Web Vitals metrics exceed a certain threshold. You can configure both the aggregation function (average, p90, etc.) and threshold value.