Lighthouse

In this article we are going to learn about Lighthouse an automated tool for testing.

It is an open-source automated tool for improving the quality of web pages.We can run it against any public web pages and autheticated web pages. It has an audits for accessibility,performance,SEO and progressive web apps and more. We can run lighthouse in Chrome Devtools,from the command line or as a Node module. The lighthouse can run in Chrome DevTools where we can give URL to audit against all the web pages and then it generates report on how well the page did.

Run Lighthouse in Chrome DevTools

1. Download Google Chrome for Desktop
2. In chrome go to the URL that we want to audit
3. Open Chrome DevTools
4. Click the Lighthouse tab.

5. The tool will show you the list of audit categories and select the accessibility,performance,Best practices and SEO and select the device which we are using.

6. Click on Analyze page load.The pages will audit for 30 to 60 seconds and the lighthouse gives us the report on the page.

Save and View Reports

1. Click the kebab menu (3 dots icon) in top right corner of the report page.
2. Select the save format for downloading the report

To View the Report Data

1. Open the Lighthouse Viewer
2. Drag the JSON file which you have been downloaded onto the viewer or click anywhere in the viewer to open your file navigator and select the file.

3. The report will be opened in separate page with performance and accessibility of the page.

Thanks for reading this article!!