Lighthouse

Lighthouse is a cool tool that gives you access to a bunch of automated tools. These tools help test how well your website performs, check if your web app is accessible, and see if it follows the Progressive Web App guidelines. Plus, it helps you stick to best practices!

Easy Access via Google Chrome Extension

You can use Lighthouse through a Google Chrome extension that’s really user-friendly. It’s super simple to add it to your browser! Or if you prefer, you can also use it as a command line app or Node module.

How to Install Lighthouse

To get started with the Lighthouse extension, just go to the right page in the Chrome Store and hit the “Add to Chrome” button. Once you do that, its icon will pop up next to your address bar. Just click on it to open its panel and start testing your site!

Choosing Your Tests

Inside the Lighthouse Options window, you can pick which tests you want to run on your web pages: Performance, Accessibility, Progressive Web App checks, or Best Practices. If there are any tests you want to skip, just click them off with your mouse!

Understanding Your Results

The results from Lighthouse come up in a new tab and they’re all organized by category. You’ll see graphs showing how each part is doing, using red for bad and green for good. It makes understanding how your site is performing pretty easy!

Report Options

If you need a hard copy of the report, no problem! You can print directly from Lighthouse or copy the JSON data right onto your clipboard. You can also save everything locally as an HTML or JSON file.

Your Bottom Line with Lighthouse

In short, Lighthouse really helps when you're auditing your web pages and running different tests without any hassle. The reports clearly show where improvements are needed so you can analyze them right away or share them with others later on! For more info or download Lighthouse here!