Common Web Performance Tools
Tags: webdev, webperf, devops, performance
Published: 2021-05-11 14:58:49

---
title: Common Web Performance Tools
series: "Measuring Web Performance: The Definitive Guide"
published: true
date: 2021-05-11 00:00:00 UTC
tags: webdev, webperf, devops, performance
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k6ca6zmkvsut9vc9xzxd.png
canonical_url: https://requestmetrics.com/web-performance/measure-web-performance#chapter-4-common-web-performance-tools
---

> This is an excerpt from Chapter 4 of **[The Definitive Guide to Measuring Web Performance](https://requestmetrics.com/web-performance/measure-web-performance#chapter-4-common-web-performance-tools)**.

----

Now that you understand the metrics and the methods of measuring web performance, it's time to look at the tools!

How do you know what tool to use, what it measures, and how accurate the data is? This chapter will help.

----

These are some of the best web performance tools available. Each measures your website performance in different ways from different places. These measurements will not always line up, but by understanding what each tool is testing, you will get a more complete picture of how your website performs.

## 1. Google Lighthouse

*Synthetic Lab Data*

[Lighthouse](https://developers.google.com/web/tools/lighthouse) is an open-source tool from Google that can be run from Chrome DevTools or from the command line.

![Google Lighthouse](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hxy87udsm7pb7ztvk2km.png)
	<figcaption>Google Lighthouse</figcaption>


It's run from you local computer, so it's measuring the performance you experience with your hardware on your network. There are several places where you can run *Lighthouse-as-a-Service* from elsewhere on the internet, including Google's **[PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)**. However these services have mixed results depending on the structure, location, and capacity of the service.

Lighthouse is most useful for development-time testing of your site or performing audits on sites where you don't have direct access (like snooping on what other websites are doing). Read more about the [limitations of Lighthouse](https://requestmetrics.com/web-performance/the-limitations-of-lighthouse).

## 2. WebPageTest

*Synthetic Lab Data*

[WebPageTest](https://www.webpagetest.org/){:rel="nofollow"} is a free hosted service that performs performance tests on public websites. It can do a lot more things than Lighthouse, like setting up network locations, network speeds, and customizing requests.

![WebPageTest Result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mt3tvs1bfncy3npxdqmh.png)
	<figcaption>WebPageTest Result</figcaption>

It also produces a more detailed (and more complex) report with network location, breakdown of timings, and a detailed waterfall chart.

WebPageTest is great for auditing live websites to better understand how they are performing in production.

## 3. Google Search Console

*Synthetic Lab Data*

[Google Search Console](https://search.google.com/search-console) shows the analytics, issues, and performance recorded by the Googlebot crawler when Google indexes your website. This includes User Experience metrics like the Core Web Vitals.

![Google Search Console Web Vital Report](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f540exqt6b9n449iu68l.png)
	<figcaption>Google Search Console Web Vital Report</figcaption>


Although the Search Console metrics are synthetic, they are what Google will use to rank your site in search results. They represent a very important user: *Google*.

The metrics you'll see in Search Console will be quite slow to update, depending on the traffic to your website. It could be a week or more for Google to see changes in your performance scores, and the reports are very generic.

You need to use Search Console to see how Google ranks your performance, but it's not very useful for testing or discovering performance issues.

## 4. Chrome User Experience Report (CrUX)

*Real-User Field Data*

The Chrome browser itself collects performance metrics from opt-in users for the top million domains on the internet. Google publishes these metrics in the [Chrome User Experience Report](https://developers.google.com/web/tools/chrome-user-experience-report) or *CrUX*. It's real-user data!

![Chrome User Experience (CrUX) Report](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qzxfh236chqh9n6fgaf0.png)
	<figcaption>Chrome User Experience (CrUX) Report</figcaption>

The data is really interesting, but it's only published monthly and summarized to an entire domain. CrUX data is only accessible through BigQuery and DataStudio, Google's Data Warehouse tools. If you haven't used those tools before (like most people), it can be difficult to get meaningful information.

CrUX data is useful to see historical website performance, or compare your performance to other websites, but only if your website is large enough to qualify for inclusion.

## 5. Request Metrics

*Real-User Field Data*

[Request Metrics](https://requestmetrics.com/) is a real-user performance monitoring service. Unlike CrUX, Request Metrics shows you how your site is performing *right now* with no delay in the data.

![Request Metrics Core Web Vitals](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5h2i9d60j1ybp9lmg33t.png)
	<figcaption>Request Metrics Core Web Vitals</figcaption>

The charts are useful and easy to understand. The tool breaks down the large amount of data and gives you meaningful median, p75, and p95 metrics as well as some details on the causes of slowness.

Request Metrics is best for active monitoring of your website performance. It is really helpful when you are making performance changes to see how your improvements impact real users.