Why page speed scores aren't as helpful as you'd think
Tags: webperf, webdev
Published: 2020-02-09 02:37:32


There's a lot of tools out there to measure a webpage's performance. Whether it's [Google Lighthouse](https://developers.google.com/web/tools/lighthouse), [WebPageTest](https://webpagetest.org/) or [PerfBeacon](http://perfbeacon.com/), they all have nice scores that seem to summarise your page's performance into a neat single number. Unfortunately, it's not that simple, and optimising just to raise your score is often a waste of time.

## What is a page speed score?

Lets use Google Lighthouse v5 as an example. 

![Google Lighthouse's Performance scores](https://dev-to-uploads.s3.amazonaws.com/i/i0hlh6idglqw26kvcjry.png)

Lighthouse's performance score is a value from 0 to 100, which is calculated by taking a [weighted average of various metrics](https://docs.google.com/spreadsheets/d/1up5rxd4EMCoMaxH8cppcK1x76n6HLx0e7jxb0e0FXvc/edit#gid=0) as follows:
- First Contentful Paint - 20%
- First Meaningful Paint - 6.7%
- Speed Index - 26.7%
- Time to Interactive - 33.3%
- First CPU Idle 13.3%

Each tool assigns its own weightings to different metrics, so it isn't particularly useful to compare a performance score from Lighthouse to WebPageTest's performance grade. 

What <b>is</b> useful about a performance score however, is the list of recommendations provided. It can tell you if you missed a large image on the home page that could be smaller, or 3rd party scripts that weigh your website down.

So the page speed score your performance tool provides can be a useful starting point for your performance optimisation quest, but it shouldn't be the only focus.

## Where do page speed scores fall over?

The problem with using <b>only</b> performance scores to measure your website's performance is that they can hide deeper problems with your site. 

For example, if changes made to your website decrease First Contentful Paint/First Meaningful Paint (FCP/FMP), but increase Time to Interactive (TTI) by a certain amount, your performance score might stay exactly the same. Your site's technical SEO would be deeply impacted however, as search engine crawlers care about the overall user experience of loading your page, not your performance score.


## What metrics <b>should</b> you worry about?
It might sound obvious, but in the end every change you make should make the experience of browsing your website better. Any change you make that makes it faster for your users to read and interact with your content, the better. 

<b>Improve your site for your users, not performance score.</b>

Rather than following the performance score, worry about the components that make up the score. That means tracking: First Contentful Paint/First Meaningful Paint, [Time to Interactive](https://perfbeacon.com/blog/what-is-time-to-interactive-metric/), and [Speed Index](https://perfbeacon.com/blog/what-is-google-lighthouse-speed-index-metric/).



Go ahead and implement the recommendations your performance tool provides, but <b>test them!</b> Tools like WebPageTest and PerfBeacon let you measure how fast your website ran before implementing the fix, and again after. 

Don't blindly take best practice recommendations as gospel truth.

##  Conclusion

That's pretty much everything you need to know about how to use performance scores you get out of web performance tools.

Tired of manually testing your web performance? I'd love to help!

I built [PerfBeacon.com](https://perfbeacon.com) to automatically test performance after each deployment.