DEV Community

Tiago Rangel
Tiago Rangel

Posted on • Originally published at blog.tiagorangel.com on

How to measure & improve website performance with lighthouse

Have you ever visited a website and found yourself waiting for what feels like an eternity for it to load? If you have, you're not alone. Slow-loading websites can be frustrating for users and can cause them to abandon a site in favor of a faster one. In fact, a study by Google found that as page load time goes from 1 second to 3 seconds, the probability of a user bouncing increases by 32%. That's a lot of potential visitors lost!

But fear not, dear reader, for there is hope. One tool that can help you measure and improve your website's performance is Lighthouse. Lighthouse is an open-source tool that can be run as a Chrome extension or from the command line, and it provides a comprehensive analysis of your website's performance, accessibility, best practices, and more. It's a powerful tool that can help you identify and fix issues that are slowing down your website.

So, how do you get started with Lighthouse? Let's take a look.

  1. ### Open Lighthouse in Chrome

First, you'll need to install the Lighthouse Chrome extension. Once you've done that, navigate to the website you want to test and click the Lighthouse icon in the Chrome toolbar.

  1. ### Run the Test

Next, you'll want to run the Lighthouse test. You can choose whether you want to test on mobile or desktop, and whether you want to include or exclude certain categories (such as accessibility, SEO, and more).

  1. ### Review the Results

Once the test is complete, Lighthouse will provide you with a detailed report of your website's performance. You'll see scores for each of the categories you selected, as well as recommendations for improvements you can make. Lighthouse will also provide you with a performance audit, which shows you how long it takes for your website to load and which elements are slowing it down.

  1. ### Implement the Recommendations

Now that you have a list of recommendations, it's time to implement them! Lighthouse provides you with specific suggestions for improvements you can make, such as optimizing images, minifying and compressing code, and more. By following these recommendations, you can improve your website's performance and make it faster for your users.


In conclusion, if you want to improve your website's performance and make it faster, Lighthouse is an excellent tool to help you achieve your goals. By following the steps above and implementing the recommendations provided by Lighthouse, you can create a faster, more user-friendly website that your visitors will love. And who knows, you might even be able to get a few extra visitors to stick around instead of bouncing like a basketball.

Top comments (0)