How to run Lighthouse in Chrome DevTools ( VIDEO )

How To Run Lighthouse Audit In Google Chrome Web Browser And Inspect Element

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.

Autor: wpsnipp | Modified: May 22, 2019 at 2:34 am


Leave a Reply

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

Advertising

Related posts

Featured Image Alt

Free SEO Tools to Increase your Site Rank in SERP

Increase your site rank with White Hat SEO Techniques and a few Free SEO Tools 1. Google Search Console Google Search Console is …

How to disable wp_emojicons in your website.

How to disable wp_emojicons in your functions.php

Emojis are little icons used to express ideas or emotions Don’t forget to back-up your functions.php before implementing these codes. WordPress automatically loads the file wp-emoji-release.min.js on the front-end …