Welcome to Highlight
Getting Started
Overview
Backend / Server
Client / Frontend
Fullstack Frameworks
Tips
Content-Security-Policy
Local Development
Monkey Patches
Performance Impact
Proxying Highlight
Session Search Deep Linking
Troubleshooting
Upgrading Highlight
Session Replay
Console Messages
HTML iframe Recording
Identifying Users
Live Mode
Network DevTools
Privacy
Rage Clicks
Recording Network Requests and Responses
Session Sharing
Session Shortcut
Tracking Events
Versioning Sessions
Error Monitoring
Grouping Errors
Sourcemaps
Versioning Errors
Product Features
Alerts
Analytics
Canvas
Comments
Environments
Frontend Observability
Keyboard Shortcuts
Performance Data
Segments
Session Search
Team Management
User Feedback
Web Vitals
WebGL
Integrations
Amplitude Integration
Clearbit Integration
Electron Integration
Front Plugin
Intercom Integration
Linear Integration
Mixpanel Integration
React.js Integration
Segment Integration
Sentry Integration
Slack Integration
Vercel Integration
highlight.run Changelog
5.0.0
5.0.1
5.1.0
5.1.1
5.1.2
5.1.3
5.1.4
5.1.5
Menu
Docs / Product Features / Web Vitals

Web Vitals

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.