Web Vitals
See exactly how fast and responsive your app feels to real users with Core Web Vitals performance metrics.
What makes this report different
Most performance tools show you lab data from perfect testing conditions, but Web Vitals shows you what’s actually happening with real users. You’ll see how your app performs for merchants using different devices, network conditions, and browsers - giving you the real story on user experience and where performance improvements will make the biggest difference.
Getting started
Prerequisites
To get Web Vitals insights, you need:
Enable the Mantle Pixel in your app settings
Embed the tracking script in your app pages
Haven’t set this up yet? You’ll see a helpful prompt when you visit the report. Check out our pixel setup guide to get started.
Understanding Core Web Vitals
Core Web Vitals are Google’s standardized metrics that measure what users actually experience on your app:
Loading performance (LCP - Largest Contentful Paint)
Tracks when your main content finishes loading
Good performance: under 2.5 seconds
Shows users how quickly they can see your app’s key features
Interactivity (INP - Interaction to Next Paint)
Measures how quickly your app responds to user interactions
Good performance: under 200 milliseconds
Reveals whether clicks and taps feel snappy or sluggish
Visual stability (CLS - Cumulative Layout Shift)
Captures unexpected layout movements that frustrate users
Good performance: under 0.1
Prevents elements from jumping around as the page loads
We also track additional performance indicators:
FCP (First Contentful Paint) - Time until something appears on screen
TTFB (Time to First Byte) - How quickly your server responds
Report components
Performance overview
The main dashboard gives you an instant health check of your app’s performance:
Overall scores for each Core Web Vital metric
Performance distribution showing how many page views fall into Good/Needs Improvement/Poor categories
Time series charts revealing performance trends over your selected period
Period-over-period changes highlighting whether things are getting better or worse
Customer segmentation
Understand how different customer groups experience your app’s performance:
Segment filtering
All segments - View performance across your entire customer base
Plan-based segments - Compare performance between different subscription tiers
Custom segments - Filter by customer attributes you’ve defined
Why segmentation matters
Identify patterns - Some customer segments might experience different performance due to usage patterns
Prioritize optimizations - Focus improvements on segments that drive the most business value
Targeted support - Understand which customer groups might need specific performance attention
Using segment data
Switch between segments to see how performance varies across customer types
Compare metrics between high-value and new customers
Track how performance improvements impact different customer groups
Understanding the scores
Performance ranges you want to hit:
🟢 Green (Good): Your users are having a great experience
🟡 Yellow (Needs improvement): There’s room to make things better
🔴 Red (Poor): Users are likely getting frustrated
The color coding follows Google’s official thresholds, so improvements here directly impact how search engines and users perceive your app.
Time period analysis
Track performance changes over time to:
Spot the impact of code deployments or feature launches
Understand how traffic spikes affect user experience
Identify patterns that might indicate infrastructure issues
Measure the success of performance optimization efforts
Making the most of this report
Daily monitoring
Keep your finger on the pulse of user experience:
Check performance trends after deployments to catch regressions early
Monitor during high-traffic periods to ensure your app scales gracefully
Track seasonal patterns to prepare for predictable performance challenges
Watch for sudden changes that might indicate technical issues needing attention
Performance improvement tips
Use your Web Vitals data to identify which metrics need attention, then get expert guidance:
Identify your focus areas
Red (Poor) scores need immediate attention:
LCP over 4 seconds - Users experience slow loading
INP over 500ms - Interactions feel sluggish and unresponsive
CLS over 0.25 - Content jumps around, frustrating users
Yellow (Needs improvement) scores have optimization potential:
LCP 2.5-4 seconds - Loading could be faster
INP 200-500ms - Interactions could be more responsive
CLS 0.1-0.25 - Some visual instability occurs
Get expert optimization guidance
Google’s official Web Vitals resources:
Additional performance resources:
PageSpeed Insights - Get specific optimization recommendations
Lighthouse - Comprehensive performance auditing
Chrome DevTools Performance panel - Debug performance issues