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.