DevTools Audits: powered by Lighthouse

This feature is only available in Chrome 60 and later

Lighthouse is a tool to test if your web content (app or site) meets the criteria for Progressive Web Applications and other tests to make sure your application performs well and is accessible.

As of Chrome 60 you can run the lighthouse tests within DevTools Audits menu. This menu is located on the far right of the DevTools menu bar.

DevTools Audits Menu

When you access the menu you will see the Lighthouse logo and a button to begin the tests.. When you click on that button you will be presented with a menu of options representing the tests you can run.

The 4 types of test you can run from DevTools

The available tests are:

  • Progressive Web Application Does the oage meet the requirements of a PWA?
  • Performance How long does it take for the app to load and become responsive?
  • Best Practices Does the app follow best practices in application development?
  • Accessibility How accessible is your application?

Once you’ve chosen what test to run and have clicked the perform an audit button you will be see results similar to the ones shown in the image below.

Audit results

The circles at the top of the report show passing percentages for each of the tests you ran. Individual results and suggestions appear as you scroll down the report. The left window will have a list of all the reports you’ve run on this browser. You can run additional tests and remove tests when you need to run them again.

As with many things in DevTools, these reports are advisory in nature and will not implement any changes on your code. It is up to you as developer to make the changes you need to make.