From 606b89399f230280b62621775f5ba2b59c887e39 Mon Sep 17 00:00:00 2001 From: Matt Rinehart <79875905+NetlifyMatt@users.noreply.github.com> Date: Thu, 24 Mar 2022 17:38:13 -0600 Subject: [PATCH 1/3] Add Labs visualization details Adding details about the Lighthouse Visualization Labs feature. --- README.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/README.md b/README.md index 679f4ac7..2e2fd498 100644 --- a/README.md +++ b/README.md @@ -91,3 +91,20 @@ Create a `.env` file based on the [example](.env.example) and run yarn install yarn local ``` +## Lighthouse Score Visualizations (Labs feature) + +Deploy view with Lighthouse visualizations + +If you have the Lighthouse Build Plugin installed, you can now view the Lighthouse scores for your builds on your site's Deploy page by enabling the Lighthouse Visualizations feature under Labs. + +Labs UI + +If you have multiple audits (directories, paths, etc) defined in your build, we will display a roll-up of the average Lighthouse scores for all the current build's audits plus the results for each individual audit. + +Deploy details with multiple audit Lighthouse results + +Some items of note: +- The Lighthouse Build Plugin must be installed on your site(s) in order for these score visualizations to be displayed. +- This Labs feature is currently only enabled at the user-level, so it will need to be enabled for each individual team member that wishes to see the Lighthouse scores displayed. + +We have a lot planned for this feature and will be adding functionality regularly, but we'd also love to hear your thoughts. Please click the "Give feedback" link under the Lighthouse scores to tell us what you think. From 61969d7353521d5c4b08ab40ed44bed04e854421 Mon Sep 17 00:00:00 2001 From: Matt Rinehart <79875905+NetlifyMatt@users.noreply.github.com> Date: Fri, 25 Mar 2022 13:28:55 -0600 Subject: [PATCH 2/3] Update README.md Co-authored-by: jmarlena <6732600+jmarlena@users.noreply.github.com> --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 2e2fd498..800a9c8f 100644 --- a/README.md +++ b/README.md @@ -105,6 +105,7 @@ If you have multiple audits (directories, paths, etc) defined in your build, we Some items of note: - The Lighthouse Build Plugin must be installed on your site(s) in order for these score visualizations to be displayed. -- This Labs feature is currently only enabled at the user-level, so it will need to be enabled for each individual team member that wishes to see the Lighthouse scores displayed. +- To view Lighthouse scores in the Netlify UI, you must [enable the feature through your Netlify settings](https://www.netlify.com/blog/2021/03/31/test-drive-netlify-beta-features-with-netlify-labs/). +- This Labs feature is currently only enabled at the user-level, so each Netlify team member must enable the feature before they can view the Lighthouse scores in the UI. We have a lot planned for this feature and will be adding functionality regularly, but we'd also love to hear your thoughts. Please click the "Give feedback" link under the Lighthouse scores to tell us what you think. From 37a943b4e217de0d6a9841942cd9cec193221737 Mon Sep 17 00:00:00 2001 From: Matt Rinehart <79875905+NetlifyMatt@users.noreply.github.com> Date: Mon, 28 Mar 2022 12:11:56 -0600 Subject: [PATCH 3/3] Applying changes from Labs repo Applying the changes to the Visualization Labs feature docs within the Labs repo. --- README.md | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 800a9c8f..490fb73d 100644 --- a/README.md +++ b/README.md @@ -91,21 +91,19 @@ Create a `.env` file based on the [example](.env.example) and run yarn install yarn local ``` -## Lighthouse Score Visualizations (Labs feature) -Deploy view with Lighthouse visualizations +## Lighthouse Score Visualizations (Labs feature) -If you have the Lighthouse Build Plugin installed, you can now view the Lighthouse scores for your builds on your site's Deploy page by enabling the Lighthouse Visualizations feature under Labs. +When you install the [Lighthouse Build Plugin](https://app.netlify.com/plugins/@netlify/plugin-lighthouse/install) on your site and enable this experimental feature, you can view the Lighthouse scores for each of your builds on your site's Deploy Details page with a much richer format. -Labs UI +Deploy view with Lighthouse visualizations If you have multiple audits (directories, paths, etc) defined in your build, we will display a roll-up of the average Lighthouse scores for all the current build's audits plus the results for each individual audit. Deploy details with multiple audit Lighthouse results Some items of note: -- The Lighthouse Build Plugin must be installed on your site(s) in order for these score visualizations to be displayed. -- To view Lighthouse scores in the Netlify UI, you must [enable the feature through your Netlify settings](https://www.netlify.com/blog/2021/03/31/test-drive-netlify-beta-features-with-netlify-labs/). -- This Labs feature is currently only enabled at the user-level, so each Netlify team member must enable the feature before they can view the Lighthouse scores in the UI. +- The [Lighthouse Build Plugin](https://app.netlify.com/plugins/@netlify/plugin-lighthouse/install) must be installed on your site(s) in order for these score visualizations to be displayed. +- This Labs feature is currently only enabled at the user-level, so it will need to be enabled for each individual team member that wishes to see the Lighthouse scores displayed. -We have a lot planned for this feature and will be adding functionality regularly, but we'd also love to hear your thoughts. Please click the "Give feedback" link under the Lighthouse scores to tell us what you think. +We have a lot planned for this feature and will be adding functionality regularly, but we'd also love to hear your thoughts. Please [share your feedback](https://netlify.qualtrics.com/jfe/form/SV_1NTbTSpvEi0UzWe) about this experimental feature and tell us what you think.