WP Snipp Ninja

How to run Lighthouse in Chrome DevTools?

Author: WordPress Snippets | Posted on: May 22, 2019 |

To install the Lighthouse extension for Google Chrome:

  1. Download Google Chrome for Desktop.
  2. Install the Lighthouse Chrome Extension from the Chrome Webstore.

To run an audit:

  1. In Chrome, go to the page you want to audit.
  2. Click Lighthouse. It should be next to the Chrome address bar. If not, open Chrome’s main menu and access it at the top of the menu. After clicking, the Lighthouse menu expands.

Lighthouse for Google Chrome Browser is an open-source, automated tool for improving the quality of your web pages. You can run it against any web page. It has audits for:

  • Performance
  • Accessibility
  • Progressive web apps (PWA)
  • SEO
  • Best Practices

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. From there, use the failing audits as indicators on how to improve the page. Each audit has a reference doc explaining why the audit is important, as well as how to fix it.

How to run Lighthouse audit in Google Chrome web Browser and Inspect Element

Running The Lighthouse Audit in Google DevTools and Inspect Element:

  1. Open Google Chrome on your PC.
  2. Open your website in Google Chrome.
  3. Right-click anywhere on your website and Find Inspect tab.
  4. Scroll to the bottom and select “Inspect” in Google Chrome Web Browser.
  5. Select the “Audits” tab at the top of the inspection dock in the right position.
  6. Click “Perform an audit”.
  7. Select the audits you would like to complete then click “Run audit”. The more audits you select the longer the audit will take. The audit will take a few minutes and then the report will be available for you to view and download in JSON format.

The scan from the video is without any optimization of the Page and have low scores on Performance, Accessibility and best practices at all.

In the Next Series of Articles for White Hat SEO Optimization we will explain how to Speed up and optimize the page to get a faster web page and improve the rank of your website in the SERP results in Google. Subscribe to our Feeds to learn how to Optimize WordPress and How to Achieve 100/100 with the Google Page Speed Test Tool.

About the Author

 WordPress Snippets

Hello my name is Dimitar Krumov I am from Sofia Bulgaria but live in Varna on the Black Sea coast.I am a Web Developer since 2002 working in different Web Projects most of them are international and business-related. Some of my knowledge and skills but not limited to WordPress, HTML, CSS, Google Stack, Analytics, SEO and more..

Follow WordPress Snippets on Social Media

Leave a Reply

Your email address will not be published. Required fields are marked *