diff --git a/docs/docs/audit-with-lighthouse.md b/docs/docs/audit-with-lighthouse.md index d592c91373614..2b2b56b43e821 100644 --- a/docs/docs/audit-with-lighthouse.md +++ b/docs/docs/audit-with-lighthouse.md @@ -32,13 +32,13 @@ Once this starts, you can now view your site at `http://localhost:9000`. Now run your first Lighthouse test. -1. Open the site in Chrome (if you didn't already do so) and then open up the Chrome DevTools. +1. Open the site in Chrome (if you didn't already do so) and then open up the Chrome DevTools. (Lighthouse is also available for Firefox from [Firefox Add-ons](https://addons.mozilla.org/en-GB/firefox/addon/google-lighthouse/). ) -2. Click on the "Audits" tab where you'll see a screen that looks like: +2. Click on the "Audits" tab, this may be a "Lighthouse" tab depending on which version you are using. You should see a screen that looks like: ![Lighthouse audit start](./images/lighthouse-audit.png) -3. Click "Perform an audit..." (All available audit types should be selected by default). Then click "Run audit". (It'll then take a minute or so to run the audit). Once the audit is complete, you should see results that look like this: +3. Choose whether to audit on Mobile or Desktop and then click "Generate Report". You will also see a list of all available audits that you can choose to run for this report. Once the audit starts it'll take around a minute depending on the site speed and which audits were selected. When that is complete, you should see results that look like this: ![Lighthouse audit results](./images/lighthouse-audit-results.png) diff --git a/docs/docs/images/lighthouse-audit-results.png b/docs/docs/images/lighthouse-audit-results.png index fcac46065117d..e78ea8a6341dc 100644 Binary files a/docs/docs/images/lighthouse-audit-results.png and b/docs/docs/images/lighthouse-audit-results.png differ diff --git a/docs/docs/images/lighthouse-audit.png b/docs/docs/images/lighthouse-audit.png index bd07b84ad2ce0..57e2903347ff9 100644 Binary files a/docs/docs/images/lighthouse-audit.png and b/docs/docs/images/lighthouse-audit.png differ