Skip to main content

How to measure and optimize the Lighthouse Performance score

Google's Lighthouse tool tests the performance of a website and gives it a score rating from 0 to 100. This Performance score is calculated by combining several different performance metrics.

The Performance rating that's shown on PageSpeed Insights is also calculated using Lighthouse.

This article looks at how the Lighthouse Performance score is determined, how to interpret it, and how it varies between runs and tools

What is the Lighthouse Performance score?​

Performance is one of the audit categories supported by Lighthouse, along with SEO, Best Practices, and Accessibility. Each category is assigned a score from 0 to 100.

The Lighthouse Performance score is a lab-only metric specific to Lighthouse, and is not measured for real users.

Performance score in the Lighthouse report

Run A Free Page Speed Test

Test Your Website:

  • No Login Required
  • Automated Recommendations
  • Google SEO Assessment

How is the Lighthouse Performance score calculated?​

Lighthouse performance scoring works by combining 6 different web performance metrics.

The overall composition has changed over time, but the table below shows the breakdown as of Lighthouse 9.6 (Jan 2023). Total Blocking Time and Largest Contentful Paint account for almost half of the performance score.

MetricAcronym% of Performance score
First Contentful PaintFCP10%
Speed IndexSI10%
Largest Contentful PaintLCP25%
Total Blocking TimeTBT30%
Cumulative Layout ShiftCLS25%

Note that only these metrics count for the Performance score – the Opportunities and Diagnostics audits do not directly impact it.

How to see a breakdown of your Lighthouse score​

You can run a DebugBear Speed test to view a breakdown of your Performance score or click the "See Calculator" link on PageSpeed Insights.

Score breakdown in DebugBear​

DebugBear test results show a detailed breakdown of how much each metric contributes to the overall score and what scores you need to focus on to improve.

Lighthouse Performance score breakdown

Lighthouse scoring calculator​

Google also provides a calculator for the overall Lighthouse score. You can change the value of each performance metric to see how it affects the metric subscore and overall score.

Lighthouse score calculator

Does the Lighthouse score affect SEO?​

The Lighthouse Performance score does not directly impact SEO. Google looks at real user data to assess user experience, so you might get a Lighthouse score of 20 but still see no negative ranking impact.

However, a slow website in the lab may also be slow for real users. The real-user Core Web Vitals metrics that Google collects are used as a ranking signal.

You can run a free Core Web Vitals test or use Google Search Console to see if performance is impacting your rankings.

Limitations of the Lighthouse score​

As Lighthouse tests are run in the lab and don't provide a First Input Delay metric. Without a user interacting with the page there is no input delay to record.

The Total Blocking Time metric aims to provide an lab alternative to First Input Delay. You can think of it as a "theoretical First Input Delay" – if the user were to interact with the page at some point, how often would they face an input delay?

First Contentful Paint and Speed Index are also not included in the Core Web Vitals. These metrics are strongly correlated with the Largest Contentful Paint. While they do provide valuable information about how fast your page renders, they were not included as Core Web Vitals in their own right.

Finally, Time to Interactive is also not a Core Web Vitals metric. Time to Interactive provides useful information on how long it takes for your page to load fully, but it only looks at CPU and network activity rather than focussing on the user.

Performance score on mobile vs desktop devices​

Unlike the Core Web Vitals, the Lighthouse Performance score uses different score thresholds on desktop and on mobile.

For example, to get an LCP subscore of 90+ in Lighthouse you need a Largest Contentful Paint below 2.5 seconds on mobile and below 1.2 seconds on desktop.

Measuring the Lighthouse Performance score with PageSpeed Insights​

The lab data in Google's PageSpeed Insights tool is an is collected from Lighthouse, so you can find the Performance score at the top of the Diagnose performance issues section.

Lighthouse scores on PageSpeed Insights

How to improve the Lighthouse Performance score​

Look at the breakdown of your score to see what metrics you need to improve. Then analyze your website to see how those metrics can be optimized.

The Lighthouse report includes audits that show you how to improve your site speed. You can use the Show audits relevant to filter to view suggestions on how to optimize the metric you're interested in.

Lighthouse performance audit filter

On DebugBear you can click View Details to get a detailed analysis for the given metric.

Detailed breakdown of the Lighthouse LCP metric

Why is the Lighthouse Performance score inconsistent between runs?​

The Lighthouse score often varies between tests, and this increases with the complexity of your website. Here are a few common reasons for this variability:

  • Different server response times (e.g. if your server is busy)
  • Different routes that data takes on the network
  • A/B tests or other page customizations
  • The computer running the tests might have used CPU power for other processes
  • Lighthouse might finish the test at different times, depending on whether it has seen a sufficiently long idle period

Why is the Lighthouse Performance score inconsistent between tools?​

You will often see that different tools report different Performance scores. This might be for a few reasons:

  • different test locations (e.g. UK or US)
  • more or less powerful CPUs
  • different data quality levels
  • different Lighthouse settings
  • different versions of Lighthouse/Chrome

By default, Lighthouse is run using a low-accuracy mode that simulates a slow network rather than testing on a slow connection. For example, this is what PageSpeed Insights uses, and it's also the default setting in Chrome DevTools.

Learn more about why Lighthouse scores vary between tools.

How to monitor the Lighthouse Performance score​

Automated tools like DebugBear can help you monitor Lighthouse scores over time. They'll continuously test your website and generate reports you can use to optimize performance.

Monitor Page Speed & Core Web Vitals

DebugBear monitoring includes:

  • In-depth Page Speed Reports
  • Automated Recommendations
  • Real User Analytics Data