The Lighthouse report extension for Google Chrome scans the web page that your browser is currently on and compiled a report detailing a score out of 100 regarding the following aspects of the page:
- Progressive Web Application
- Best Practices
The report is then split up amongst these categories and informs you on metrics regarding performance, opportunities to take on which can optimise load times and feedback on audits conducted; whether they have passed, failed or some that aren't applicable.
In order to make use of this extension, you will require a new Google chrome profile specifically for this. This is due to the fact that other extensions installed on an already existing profile can interfere with the report.
Creating a fresh chrome profile¶
Firstly, click on the profile button in the top right hand side of your chrome window. This will display a menu containing your current profiles, as well as a "Manage People" option. Click on that option.
You'll then be presented with a window with your already existing profiles. Click on the "Add Person" button at the bottom of the window.
Enter a name for the profile, select an icon for it and the hit "Add".
Installing the Lighthouse Report Extension¶
In your new profile, head over to this link and click on "Add to Chrome" to install the extension.
Using the Lighthouse Report Extension¶
Once that's installed, head over to the website you'd like to run it on, click on the extension icon in the top right, and click on "Generate Report". For this handbook pagepage, I've decided to run it on Google's homepage. For a more accurate report, make sure that throttling is un-ticked.
It will then begin the scan. The browser window that you currently have open will change whilst this is taking place. When it's done, a new window will appear, displayihng the report from the page you ran it on.
This report will detail all the aspects mentioned at the begining of the page, with further information in the expanded sections. To visit a specific aspect of the report, simply click on the score relating to that aspect.
Saving the Report¶
Clicking on the "Share" icon at the top of the report will give you a few options in regards to saving the report. You can print (or save as PDF in print set up) the report without the expanded details under "Print Summary" or with the expanded details under "Print Expanded" or save as a HTML file under "Save as HTML".