Page Performance testing with HTML report using Google Lighthouse

Lighthouse

Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.

You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did.

Here I have done Lighthouse Page Performance testing for "techsouljours.blogspot.com" 

How we go for the Steps: 

Steps 1. Launch the site of any URL to test and if want to check for particular page or link, kindly redirect to it.

Google LightHouse Web Performace Test

2. From Keyboard press Function key F12 and go to Audit Tab.

Google LightHouse Web Performance tool - Audit

3. We could see perform an audit to test the particular page, click and proceed.

After waiting for 50 - 60 seconds

Google LightHouse web performance chrome console testing website with report

We could see the performance report 

4. Near Console icon, there is Download Report button to download the report as JSON format

Download the JSON format in your desired location.

How to convert JSON format to HTML Report by Just following the simple steps.

-- https://googlechrome.github.io/lighthouse/viewer




Open this above link

'Google LightHouse Audit Viewer to generate the report

Now Click on Lighthouse Report Viewer to import the JSON Format where you have saved the JSON file.

5. Once Done we could see the report

Google LightHouse Audit report of web performance in HTML format

6. Then here is the step to convert HTML format. We could see Share button to get the report as HTML format.

Then saved the HTML Format report to your desired Location.

7. Now we can able to attach and send the Generated HTML report

Hope this helps !

Post author by Siddarth Blogger