Page performance

See which pages are slowing down your app and focus your optimization efforts where they’ll make the biggest impact.

What makes this report different

Overall performance metrics give you the big picture, but Page Performance shows you exactly which pages need work. Instead of guessing where to focus, you’ll see which pages are creating friction for users and can prioritize optimization based on both performance impact and traffic.

Getting started

Prerequisites

To unlock page-level performance insights, you need:

Enable the Mantle Pixel in your app settings
Embed the tracking script across your app pages

New to performance tracking? Check out our pixel setup guide to get started, then explore the Web Vitals overview for app-wide performance trends.

Report components

Performance table

The main table shows every page in your app with detailed performance breakdowns:

Page URLs with full paths and query parameters for precise identification
Page views showing traffic volume to help prioritize optimization efforts
All Core Web Vitals metrics (LCP, INP, CLS) plus additional indicators (FCP, TTFB)
Performance grades using Google’s official thresholds with color coding
Sortable columns to quickly identify your worst-performing pages

Analysis tools

Smart filtering and search capabilities help you focus on what matters:

Performance filtering

All pages - see everything for comprehensive analysis
Needs improvement - focus on pages with yellow performance scores
Poor performance - identify pages causing user frustration

Search functionality

Find specific pages by URL path or route
Filter by page type or section of your app
Locate pages mentioned in customer feedback

Sorting options

Page views - prioritize high-traffic pages for maximum impact
Performance metrics - identify worst performers for each Web Vital
Combined scoring - find pages with multiple performance issues

Detailed metrics breakdown

Each page shows comprehensive performance data:

Core Web Vitals

LCP (Largest Contentful Paint) - loading performance for main content
INP (Interaction to Next Paint) - how quickly the page responds to user interactions
CLS (Cumulative Layout Shift) - visual stability during page load

Additional performance indicators

FCP (First Contentful Paint) - time until something appears on screen
TTFB (Time to First Byte) - server response time
Page views - traffic volume for impact prioritization

Customer segmentation

Analyze performance differences across your customer base:

Segment-based analysis

Filter by customer segments - View performance data for specific customer groups
Compare across plans - See how different subscription tiers experience your app
Custom segment filtering - Use your defined customer attributes to slice performance data

Strategic insights

Usage pattern differences - Enterprise customers might use different features than small businesses
Performance priorities - High-value customers may warrant prioritized optimization efforts
Feature impact - Understand how new features affect different customer segments

Practical applications

Targeted optimization - Focus performance improvements on pages used by key customer segments
Support prioritization - Identify performance issues affecting your most important customers
Feature rollouts - Monitor how new features impact performance for different customer groups
Business decisions - Connect performance data to customer value and retention patterns

Pro tip: Combine segment filtering with the performance filters to quickly identify pages that perform poorly for your highest-value customers.

Understanding your page data

Performance scoring

Pages are scored using Google’s official Core Web Vitals thresholds:

🟢 Good: Provides excellent user experience
🟡 Needs improvement: Room for optimization
🔴 Poor: Likely causing user frustration

Impact prioritization

Not all performance issues are equal. Focus your optimization efforts using:

High-impact targets

Pages with high traffic AND poor performance scores
Critical user journey pages (checkout, onboarding, key features)
Pages with multiple poor Web Vitals scores

Quick wins

Pages with one specific performance issue
Low-traffic pages that are easy to optimize
Pages where small changes could improve multiple metrics

Performance trends

Track how your optimization efforts impact real user experience:

Monitor performance changes after deployments
Measure improvement velocity across different page types
Understand how performance varies with traffic patterns
Identify seasonal or usage-based performance patterns

Making the most of this report

Optimization workflow

Build a systematic approach to performance improvements:

Identify high-impact pages using traffic volume and performance scores
Diagnose specific issues by examining individual Web Vitals metrics
Apply targeted optimizations based on the performance bottleneck
Track improvements over time to measure optimization success

Page-specific optimization

For loading issues (high LCP):

Optimize images and media files on specific pages
Reduce server response times for slow-loading routes
Defer non-critical JavaScript that blocks page rendering
Prioritize above-the-fold content loading

For interactivity problems (high INP):

Optimize event handlers on interactive pages
Reduce JavaScript execution time for specific routes
Break up long tasks that block user interactions
Defer heavy processing until after initial page load

For layout stability issues (high CLS):

Set explicit dimensions for dynamic content areas
Reserve space for ads, widgets, or loading content
Avoid inserting content above existing elements
Use CSS transforms instead of layout-changing animations

Performance improvement tips

Use this report to identify which pages need optimization, then get expert guidance:

Identify priority pages

Start with high-impact pages:

High traffic + poor performance - Maximum user impact
Critical user journeys - Checkout, onboarding, key features
Multiple red scores - Pages with several performance issues

Use the filtering tools:

“Poor performance” filter - Focus on pages with red scores
Sort by page views - Prioritize your most visited pages
Search for specific routes - Check pages mentioned in customer feedback

Get optimization guidance

Google’s official Web Vitals resources:

Page-specific optimization tools:

PageSpeed Insights - Paste your page URLs for specific recommendations
Lighthouse - Comprehensive page auditing
Chrome DevTools Performance panel - Debug specific page issues

Track your progress

Monitor improvements:

Check performance scores after implementing changes
Focus on one metric at a time for clearer results
Document which optimizations worked best
Set up regular performance reviews for key pages

Pro tip: Use the search function to quickly find pages mentioned in customer support tickets - these often indicate real user frustration with performance.

Frequently asked questions

How often is page performance data updated?

Performance data updates in real-time as users visit your pages, with reports refreshing within a few hours of user interactions.

Why do some pages show different performance scores than my testing tools?

This report shows real user data (RUM) rather than lab testing results. Real users have different devices, network conditions, and usage patterns that create natural variation in performance scores.

Should I optimize all pages or focus on specific ones?

Focus on high-traffic pages first for maximum impact, then address critical user journey pages, and finally optimize remaining pages based on available development resources.

How do I know if my optimizations are working?

Track performance scores over time in this report. Successful optimizations should show improved Web Vitals scores and potentially better user engagement metrics in related reports.