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

Frequently asked questions

How often is performance data updated?

Web Vitals data flows in real-time as users interact with your app and shows up in reports within a few hours.

Why might my performance scores fluctuate?

Real user data varies based on device types, network conditions, and traffic patterns. This natural variation actually gives you a more accurate picture than synthetic testing.

How does this compare to other performance tools?

Unlike lab-based tools that simulate conditions, Web Vitals shows you actual user experiences. You might see different numbers, but this data reflects what your customers really experience.

Can I track performance for specific app sections?

Yes! Check out the Page Performance report to dive deeper into individual page performance.