Understanding the Performance Graph

About Performance History

The performance history graph visualizes how your website’s performance metrics change over time. It helps you identify trends, regressions, and improvements across multiple scans.

You can select individual metrics or enable multiple metrics at once to compare their behavior over the same time period.

Available Metrics

Hover over any metric name in the graph to see a brief description.

• LCP (Largest Contentful Paint)
• INP (Interaction to Next Paint)
• CLS (Cumulative Layout Shift)
• FCP (First Contentful Paint)
• TTI (Time to Interactive)
• Performance Score
• TBT (Total Blocking Time)
• Speed Index
• TTFB (Time to First Byte)

Metric Priority & Ordering

Metrics are organized by importance to help you focus on what matters most.

• Core Web Vitals first: LCP, INP, and CLS appear at the top because they have the greatest impact on user experience and Google search ranking.
• Secondary loading metrics: FCP and TTI provide insight into early loading and interactivity.
• Overall Performance Score: A single summary score representing overall page performance.
• Advanced diagnostics: TBT, Speed Index, and TTFB are included for deeper debugging and performance investigations.

How to Read the Graph

• The X-axis represents time.
• The Y-axis represents the selected metric’s value.
• Lower values are better for all metrics except Performance Score, where higher is better.
• Multiple metrics can be displayed simultaneously to compare trends.

Interpreting Spikes and Drops

Sudden spikes or drops usually indicate performance regressions, infrastructure changes, or increased resource load.

Hover over any data point to view the exact recorded value and timestamp for that metric.