new_audit: add autocomplete to experimental config (#11186)

2020-08-21 17:07:58 -04:00 · 2020-08-21 17:07:58 -04:00 · 35f1a6f90e
--- a/lighthouse-cli/test/smokehouse/test-definitions/forms/form-config.js
+++ b/lighthouse-cli/test/smokehouse/test-definitions/forms/form-config.js
@ -5,12 +5,19 @@
 */
 'use strict';

+const experimentalConfig = require('../../../../../lighthouse-core/config/experimental-config.js');
+
 /**
 * @type {LH.Config.Json}
 * Config file for running form gatherer  tests.
 */
 const config = {
-  extends: 'lighthouse:default',
+  ...experimentalConfig,
+  settings: {
+    onlyAudits: [
+      'autocomplete',
+    ],
+  },
 };

 module.exports = config;
--- a/lighthouse-cli/test/smokehouse/test-definitions/forms/form-expectations.js
+++ b/lighthouse-cli/test/smokehouse/test-definitions/forms/form-expectations.js
@ -284,6 +284,83 @@ const expectations = [
      requestedUrl: 'http://localhost:10200/form.html',
      finalUrl: 'http://localhost:10200/form.html',
      audits: {
+        'autocomplete': {
+          score: 0,
+          details: {
+            items: [
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<input type="text" id="city_shipping" placeholder="city you live">',
+                  nodeLabel: 'input',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<select id="state_shipping">',
+                  nodeLabel: 'Select a state\nCA\nMA\nNY\nMD\nOR\nOH\nIL\nDC',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<input type="text" id="zip_shipping">',
+                  nodeLabel: 'input',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<input type="text" id="name_billing" name="name_billing" placeholder="your name">',
+                  nodeLabel: 'input',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<input type="text" id="city_billing" name="city_billing" placeholder="city you live in">',
+                  nodeLabel: 'input',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<select id="state_billing" name="state_billing">',
+                  nodeLabel: '\n            Select a state\n            CA\n            MA\n            NY\n      …',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<input type="text" id="zip_billing">',
+                  nodeLabel: 'input',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<input type="text" id="CCNo2" name="CCNo2">',
+                  nodeLabel: 'input',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<select id="CCExpiresMonth2" name="CCExpiresMonth2">',
+                  nodeLabel: 'MM\n01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12',
+                },
+              },
+              {
+                node: {
+                  type: 'node',
+                  snippet: '<select id="CCExpiresYear">',
+                  nodeLabel: 'YY\n2019\n2020\n2021\n2022\n2023\n2024\n2025\n2026\n2027\n2028\n2029',
+                },
+              },
+            ],
+          },
+        },
      },
    },
  },
--- a/lighthouse-core/audits/autocomplete.js
+++ b/lighthouse-core/audits/autocomplete.js
@ -0,0 +1,86 @@
+/**
+ * @license Copyright 2020 The Lighthouse Authors. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
+ */
+
+/**
+ * @fileoverview Audits a page to make sure all input elements
+ *  have an autocomplete attribute set.
+ * See https://docs.google.com/document/d/1yiulNnV8uEy1jPaAEmWeHxHcQOzxpqvAV4hOFpXLJ1M/edit?usp=sharing
+ */
+
+'use strict';
+
+const Audit = require('./audit.js');
+const i18n = require('../lib/i18n/i18n.js');
+
+const UIStrings = {
+  /** Title of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This descriptive title is shown to users when all input attributes have a valid autocomplete attribute. */
+  title: 'Input elements use autocomplete',
+  /** Title of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This descriptive title is shown to users when one or more inputs do not have autocomplete set or has an invalid autocomplete set. */
+  failureTitle: 'Input elements do not have correct attributes for autocomplete',
+  /** Description of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
+  description: 'Autocomplete helps users submit forms quicker. To reduce user ' +
+   'effort, consider enabling autocomplete by setting the `autocomplete` ' +
+   'attribute to a valid value.' +
+  ' [Learn more](https://developers.google.com/web/fundamentals/design-and-ux/input/forms#use_metadata_to_enable_auto-complete)',
+};
+
+const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+
+class AutocompleteAudit extends Audit {
+  /**
+   * @return {LH.Audit.Meta}
+   */
+  static get meta() {
+    return {
+      id: 'autocomplete',
+      title: str_(UIStrings.title),
+      failureTitle: str_(UIStrings.failureTitle),
+      description: str_(UIStrings.description),
+      requiredArtifacts: ['FormElements'],
+    };
+  }
+
+  /**
+   * @param {LH.Artifacts} artifacts
+   * @return {LH.Audit.Product}
+   */
+  static audit(artifacts) {
+    const forms = artifacts.FormElements;
+    const failingFormsData = [];
+    for (const form of forms) {
+      for (const input of form.inputs) {
+        if (!input.autocomplete) {
+          failingFormsData.push({
+            node: /** @type {LH.Audit.Details.NodeValue} */ ({
+              type: 'node',
+              snippet: input.snippet,
+              nodeLabel: input.nodeLabel,
+            }),
+          });
+        }
+      }
+    }
+
+    /** @type {LH.Audit.Details.Table['headings']} */
+    const headings = [
+      {key: 'node', itemType: 'node', text: str_(i18n.UIStrings.columnFailingElem)},
+    ];
+    const details = Audit.makeTableDetails(headings, failingFormsData);
+    let displayValue;
+    if (failingFormsData.length > 0) {
+      displayValue = str_(i18n.UIStrings.displayValueElementsFound,
+        {nodeCount: failingFormsData.length});
+    }
+    return {
+      score: (failingFormsData.length > 0) ? 0 : 1,
+      displayValue,
+      details,
+    };
+  }
+}
+
+module.exports = AutocompleteAudit;
+module.exports.UIStrings = UIStrings;
--- a/lighthouse-core/audits/largest-contentful-paint-element.js
+++ b/lighthouse-core/audits/largest-contentful-paint-element.js
@ -14,11 +14,6 @@ const UIStrings = {
  /** Description of a Lighthouse audit that tells the user that the element shown was determined to be the Largest Contentful Paint. */
  description: 'This is the largest contentful element painted within the viewport. ' +
    '[Learn More](https://web.dev/lighthouse-largest-contentful-paint/)',
-  /** [ICU Syntax] Label for the Largest Contentful Paint Element audit identifying how many elements were found. */
-  displayValue: `{itemCount, plural,
-    =1 {1 element found}
-    other {# elements found}
-    }`,
 };

 const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@ -65,7 +60,8 @@ class LargestContentfulPaintElement extends Audit {

    const details = Audit.makeTableDetails(headings, lcpElementDetails);

-    const displayValue = str_(UIStrings.displayValue, {itemCount: lcpElementDetails.length});
+    const displayValue = str_(i18n.UIStrings.displayValueElementsFound,
+      {nodeCount: lcpElementDetails.length});

    return {
      score: 1,
--- a/lighthouse-core/audits/layout-shift-elements.js
+++ b/lighthouse-core/audits/layout-shift-elements.js
@ -13,11 +13,6 @@ const UIStrings = {
  title: 'Avoid large layout shifts',
  /** Description of a diagnostic audit that provides up to the top five elements contributing to Cumulative Layout Shift. */
  description: 'These DOM elements contribute most to the CLS of the page.',
-  /** [ICU Syntax] Label for the Cumulative Layout Shift Elements audit identifying how many elements were found. */
-  displayValue: `{nodeCount, plural,
-    =1 {1 element found}
-    other {# elements found}
-    }`,
  /**  Label for a column in a data table; entries in this column will be the amount that the corresponding element contributes to the total CLS metric score. */
  columnContribution: 'CLS Contribution',
 };
@ -70,7 +65,8 @@ class LayoutShiftElements extends Audit {
    const details = Audit.makeTableDetails(headings, clsElementData);
    let displayValue;
    if (clsElementData.length > 0) {
-      displayValue = str_(UIStrings.displayValue, {nodeCount: clsElementData.length});
+      displayValue = str_(i18n.UIStrings.displayValueElementsFound,
+        {nodeCount: clsElementData.length});
    }

    return {
--- a/lighthouse-core/config/experimental-config.js
+++ b/lighthouse-core/config/experimental-config.js
@ -14,6 +14,7 @@
 const config = {
  extends: 'lighthouse:default',
  audits: [
+    'autocomplete',
    'full-page-screenshot',
  ],
  passes: [{
@ -22,6 +23,15 @@ const config = {
      'full-page-screenshot',
    ],
  }],
+  categories: {
+    // @ts-ignore: `title` is required in CategoryJson. setting to the same value as the default
+    // config is awkward - easier to omit the property here. Will defer to default config.
+    'best-practices': {
+      auditRefs: [
+        {id: 'autocomplete', weight: 0, group: 'best-practices-ux'},
+      ],
+    },
+  },
 };

 module.exports = config;
--- a/lighthouse-core/lib/i18n/i18n.js
+++ b/lighthouse-core/lib/i18n/i18n.js
@ -54,6 +54,8 @@ const UIStrings = {
  displayValueByteSavings: 'Potential savings of {wastedBytes, number, bytes}\xa0KiB',
  /** Label shown per-audit to show how many milliseconds faster the page load could be if the user implemented the suggestions. The `{wastedMs}` placeholder will be replaced with the time duration, shown in milliseconds (e.g. 140 ms) */
  displayValueMsSavings: 'Potential savings of {wastedMs, number, milliseconds}\xa0ms',
+  /** Label shown per-audit to show how many HTML elements did not pass the audit. The `{# elements found}` placeholder will be replaced with the number of failing HTML elements. */
+  displayValueElementsFound: `{nodeCount, plural, =1 {1 element found} other {# elements found}}`,
  /** Label for a column in a data table; entries will be the URL of a web resource */
  columnURL: 'URL',
  /** Label for a column in a data table; entries will be the size or quantity of some resource, e.g. the width and height dimensions of an image or the number of images in a web page. */
--- a/lighthouse-core/lib/i18n/locales/ar-XB.json
+++ b/lighthouse-core/lib/i18n/locales/ar-XB.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "‏‮This‬‏ ‏‮is‬‏ ‏‮the‬‏ ‏‮largest‬‏ ‏‮contentful‬‏ ‏‮element‬‏ ‏‮painted‬‏ ‏‮within‬‏ ‏‮the‬‏ ‏‮viewport‬‏. [‏‮Learn‬‏ ‏‮More‬‏](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 ‏‮element‬‏ ‏‮found‬‏}zero{# ‏‮elements‬‏ ‏‮found‬‏}two{# ‏‮elements‬‏ ‏‮found‬‏}few{# ‏‮elements‬‏ ‏‮found‬‏}many{# ‏‮elements‬‏ ‏‮found‬‏}other{# ‏‮elements‬‏ ‏‮found‬‏}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "‏‮Largest‬‏ ‏‮Contentful‬‏ ‏‮Paint‬‏ ‏‮element‬‏"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "‏‮These‬‏ ‏‮DOM‬‏ ‏‮elements‬‏ ‏‮contribute‬‏ ‏‮most‬‏ ‏‮to‬‏ ‏‮the‬‏ ‏‮CLS‬‏ ‏‮of‬‏ ‏‮the‬‏ ‏‮page‬‏."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 ‏‮element‬‏ ‏‮found‬‏}zero{# ‏‮elements‬‏ ‏‮found‬‏}two{# ‏‮elements‬‏ ‏‮found‬‏}few{# ‏‮elements‬‏ ‏‮found‬‏}many{# ‏‮elements‬‏ ‏‮found‬‏}other{# ‏‮elements‬‏ ‏‮found‬‏}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "‏‮Avoid‬‏ ‏‮large‬‏ ‏‮layout‬‏ ‏‮shifts‬‏"
  },
--- a/lighthouse-core/lib/i18n/locales/ar.json
+++ b/lighthouse-core/lib/i18n/locales/ar.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "هذا هو الجزء من المحتوى الذي تم عرضه بأكبر سرعة على الصفحة ضمن إطار العرض. [مزيد من المعلومات](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{تم العثور على عنصر واحد.}zero{تم العثور على # عنصر.}two{تم العثور على عنصرَين.}few{تم العثور على # عناصر.}many{تم العثور على # عنصرًا.}other{تم العثور على # عنصر.}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "عنصر \"سرعة عرض أكبر جزء من المحتوى على الصفحة\""
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "تساهم عناصر DOM هذه أكثر في متغيّرات التصميم التراكمية (CLS) الخاصة بالصفحة."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{تم العثور على عنصر واحد}zero{تم العثور على # عنصر}two{تم العثور على عنصرَين}few{تم العثور على # عناصر}many{تم العثور على # عنصرًا}other{تم العثور على # عنصر}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "تجنُّب متغيّرات التصميم الكبيرة"
  },
--- a/lighthouse-core/lib/i18n/locales/bg.json
+++ b/lighthouse-core/lib/i18n/locales/bg.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Този елемент е най-голямото съдържание, изобразено в прозоречния изглед. [Научете повече](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Бе открит 1 елемент}other{Бяха открити # елемента}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Елемент, рендериран при изобразяване на най-голямото съдържание (LCP)"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Тези елементи в DOM имат най-голям принос за CLS на страницата."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Бе открит 1 елемент}other{Бяха открити # елемента}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Избягвайте големи промени в оформлението"
  },
--- a/lighthouse-core/lib/i18n/locales/ca.json
+++ b/lighthouse-core/lib/i18n/locales/ca.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Aquest és l'element més gran amb contingut que hi ha a la finestra gràfica. [Més informació](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 element trobat}other{# elements trobats}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element de renderització de l'element més gran amb contingut"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Aquests són els elements de DOM que més contribueixen al CLS de la pàgina."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 element trobat}other{# elements trobats}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Evita els canvis de disseny importants"
  },
--- a/lighthouse-core/lib/i18n/locales/cs.json
+++ b/lighthouse-core/lib/i18n/locales/cs.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Toto je největší obsahový prvek vykreslený v zobrazované oblasti. [Další informace](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Byl nalezen 1 prvek}few{Byly nalezeny # prvky}many{Bylo nalezeno # prvku}other{Bylo nalezeno # prvků}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Prvek Largest Contentful Paint"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Tyto prvky DOM nejvíce přispívají ke kumulativní změně rozvržení (CLS) stránky."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Byl nalezen 1 prvek}few{Byly nalezeny # prvky}many{Bylo nalezeno # prvku}other{Bylo nalezeno # prvků}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Zajistěte, aby nedocházelo k velkým změnám rozvržení"
  },
--- a/lighthouse-core/lib/i18n/locales/da.json
+++ b/lighthouse-core/lib/i18n/locales/da.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Dette element har den største udfyldning af indhold i det synlige område. [Få flere oplysninger](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 element blev fundet}one{# element blev fundet}other{# elementer blev fundet}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element med størst udfyldning af indhold"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Disse DOM-elementer bidrager mest til sidens CLS."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 element blev fundet}one{# element blev fundet}other{# elementer blev fundet}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Undgå store layoutskift"
  },
--- a/lighthouse-core/lib/i18n/locales/de.json
+++ b/lighthouse-core/lib/i18n/locales/de.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Dies ist das größte Inhaltselement, das im Darstellungsbereich angezeigt wird. [Weitere Informationen](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 Element gefunden}other{# Elemente gefunden}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Largest Contentful Paint-Element"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Diese DOM-Elemente tragen am stärksten zur CLS der Seite bei."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 Element gefunden}other{# Elemente gefunden}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Umfangreiche Layoutverschiebungen vermeiden"
  },
--- a/lighthouse-core/lib/i18n/locales/el.json
+++ b/lighthouse-core/lib/i18n/locales/el.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Αυτό είναι το μεγαλύτερο χρωματισμένο στοιχείο με περιεχόμενο στη θύρα προβολής. [Μάθετε περισσότερα](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Βρέθηκε 1 στοιχείο}other{Βρέθηκαν # στοιχεία}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Στοιχείο Μεγαλύτερης σχεδίασης με περιεχόμενο"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Αυτά είναι τα στοιχεία DOM με τη μεγαλύτερη συνεισφορά στο CLS."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Βρέθηκε 1 στοιχείο}other{Βρέθηκαν # στοιχεία}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Αποφύγετε τις μεγάλες μετατοπίσεις διάταξης"
  },
--- a/lighthouse-core/lib/i18n/locales/en-GB.json
+++ b/lighthouse-core/lib/i18n/locales/en-GB.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "This is the largest contentful element painted within the viewport. [Learn more](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 element found}other{# elements found}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Largest contentful paint element"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "These DOM elements contribute most to the CLS of the page."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 element found}other{# elements found}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Avoid large layout shifts"
  },
--- a/lighthouse-core/lib/i18n/locales/en-US.json
+++ b/lighthouse-core/lib/i18n/locales/en-US.json
@ -383,6 +383,15 @@
  "lighthouse-core/audits/apple-touch-icon.js | title": {
    "message": "Provides a valid `apple-touch-icon`"
  },
+  "lighthouse-core/audits/autocomplete.js | description": {
+    "message": "Autocomplete helps users submit forms quicker. To reduce user effort, consider enabling autocomplete by setting the `autocomplete` attribute to a valid value. [Learn more](https://developers.google.com/web/fundamentals/design-and-ux/input/forms#use_metadata_to_enable_auto-complete)"
+  },
+  "lighthouse-core/audits/autocomplete.js | failureTitle": {
+    "message": "Input elements do not have correct attributes for autocomplete"
+  },
+  "lighthouse-core/audits/autocomplete.js | title": {
+    "message": "Input elements use autocomplete"
+  },
  "lighthouse-core/audits/bootup-time.js | chromeExtensionsWarning": {
    "message": "Chrome extensions negatively affected this page's load performance. Try auditing the page in incognito mode or from a Chrome profile without extensions."
  },
@ -842,9 +851,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "This is the largest contentful element painted within the viewport. [Learn More](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount, plural,\n    =1 {1 element found}\n    other {# elements found}\n    }"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Largest Contentful Paint element"
  },
@ -854,9 +860,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "These DOM elements contribute most to the CLS of the page."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount, plural,\n    =1 {1 element found}\n    other {# elements found}\n    }"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Avoid large layout shifts"
  },
@ -1616,6 +1619,9 @@
  "lighthouse-core/lib/i18n/i18n.js | displayValueByteSavings": {
    "message": "Potential savings of {wastedBytes, number, bytes} KiB"
  },
+  "lighthouse-core/lib/i18n/i18n.js | displayValueElementsFound": {
+    "message": "{nodeCount, plural, =1 {1 element found} other {# elements found}}"
+  },
  "lighthouse-core/lib/i18n/i18n.js | displayValueMsSavings": {
    "message": "Potential savings of {wastedMs, number, milliseconds} ms"
  },
--- a/lighthouse-core/lib/i18n/locales/en-XA.json
+++ b/lighthouse-core/lib/i18n/locales/en-XA.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "[Ţĥîš îš ţĥé ļåŕĝéšţ çöñţéñţƒûļ éļéméñţ þåîñţéð ŵîţĥîñ ţĥé vîéŵþöŕţ. ᐅ[ᐊĻéåŕñ Möŕéᐅ](https://web.dev/lighthouse-largest-contentful-paint/)ᐊ one two three four five six seven eight nine ten eleven twelve thirteen fourteen fifteen]"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{[1 éļéméñţ ƒöûñð one two]}other{[# éļéméñţš ƒöûñð one two]}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "[Ļåŕĝéšţ Çöñţéñţƒûļ Þåîñţ éļéméñţ one two three four five six seven]"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "[Ţĥéšé ÐÖM éļéméñţš çöñţŕîбûţé möšţ ţö ţĥé ÇĻŠ öƒ ţĥé þåĝé. one two three four five six seven eight nine ten eleven twelve]"
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{[1 éļéméñţ ƒöûñð one two]}other{[# éļéméñţš ƒöûñð one two]}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "[Åvöîð ļåŕĝé ļåýöûţ šĥîƒţš one two three four five six]"
  },
--- a/lighthouse-core/lib/i18n/locales/en-XL.json
+++ b/lighthouse-core/lib/i18n/locales/en-XL.json
@ -383,6 +383,15 @@
  "lighthouse-core/audits/apple-touch-icon.js | title": {
    "message": "P̂ŕôv́îd́êś â v́âĺîd́ `apple-touch-icon`"
  },
+  "lighthouse-core/audits/autocomplete.js | description": {
+    "message": "Âút̂óĉóm̂ṕl̂ét̂é ĥél̂ṕŝ úŝér̂ś ŝúb̂ḿît́ f̂ór̂ḿŝ q́ûíĉḱêŕ. T̂ó r̂éd̂úĉé ûśêŕ êf́f̂ór̂t́, ĉón̂śîd́êŕ êńâb́l̂ín̂ǵ âút̂óĉóm̂ṕl̂ét̂é b̂ý ŝét̂t́îńĝ t́ĥé `autocomplete` ât́t̂ŕîb́ût́ê t́ô á v̂ál̂íd̂ v́âĺûé. [L̂éâŕn̂ ḿôŕê](https://developers.google.com/web/fundamentals/design-and-ux/input/forms#use_metadata_to_enable_auto-complete)"
+  },
+  "lighthouse-core/audits/autocomplete.js | failureTitle": {
+    "message": "Îńp̂út̂ él̂ém̂én̂t́ŝ d́ô ńôt́ ĥáv̂é ĉór̂ŕêćt̂ át̂t́r̂íb̂út̂éŝ f́ôŕ âút̂óĉóm̂ṕl̂ét̂é"
+  },
+  "lighthouse-core/audits/autocomplete.js | title": {
+    "message": "Îńp̂út̂ él̂ém̂én̂t́ŝ úŝé âút̂óĉóm̂ṕl̂ét̂é"
+  },
  "lighthouse-core/audits/bootup-time.js | chromeExtensionsWarning": {
    "message": "Ĉh́r̂óm̂é êx́t̂én̂śîón̂ś n̂éĝát̂ív̂él̂ý âf́f̂éĉt́êd́ t̂h́îś p̂áĝé'ŝ ĺôád̂ ṕêŕf̂ór̂ḿâńĉé. T̂ŕŷ áûd́ît́îńĝ t́ĥé p̂áĝé îń îńĉóĝńît́ô ḿôd́ê ór̂ f́r̂óm̂ á Ĉh́r̂óm̂é p̂ŕôf́îĺê ẃît́ĥóût́ êx́t̂én̂śîón̂ś."
  },
@ -842,9 +851,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "T̂h́îś îś t̂h́ê ĺâŕĝéŝt́ ĉón̂t́êńt̂f́ûĺ êĺêḿêńt̂ ṕâín̂t́êd́ ŵít̂h́îń t̂h́ê v́îéŵṕôŕt̂. [Ĺêár̂ń M̂ór̂é](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount, plural,\n    =1 {1 êĺêḿêńt̂ f́ôún̂d́}\n    other {# êĺêḿêńt̂ś f̂óûńd̂}\n    }"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "L̂ár̂ǵêśt̂ Ćôńt̂én̂t́f̂úl̂ Ṕâín̂t́ êĺêḿêńt̂"
  },
@ -854,9 +860,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "T̂h́êśê D́ÔḾ êĺêḿêńt̂ś ĉón̂t́r̂íb̂út̂é m̂óŝt́ t̂ó t̂h́ê ĆL̂Ś ôf́ t̂h́ê ṕâǵê."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount, plural,\n    =1 {1 êĺêḿêńt̂ f́ôún̂d́}\n    other {# êĺêḿêńt̂ś f̂óûńd̂}\n    }"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Âv́ôíd̂ ĺâŕĝé l̂áŷóût́ ŝh́îf́t̂ś"
  },
@ -1616,6 +1619,9 @@
  "lighthouse-core/lib/i18n/i18n.js | displayValueByteSavings": {
    "message": "P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ {wastedBytes, number, bytes} K̂íB̂"
  },
+  "lighthouse-core/lib/i18n/i18n.js | displayValueElementsFound": {
+    "message": "{nodeCount, plural, =1 {1 êĺêḿêńt̂ f́ôún̂d́} other {# êĺêḿêńt̂ś f̂óûńd̂}}"
+  },
  "lighthouse-core/lib/i18n/i18n.js | displayValueMsSavings": {
    "message": "P̂ót̂én̂t́îál̂ śâv́îńĝś ôf́ {wastedMs, number, milliseconds} m̂ś"
  },
--- a/lighthouse-core/lib/i18n/locales/es-419.json
+++ b/lighthouse-core/lib/i18n/locales/es-419.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Este es el elemento más grande con contenido para el procesamiento de imagen en viewport. [Más información](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Se encontró 1 elemento}other{Se encontraron # elementos}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elemento del Procesamiento de imagen con contenido más grande"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Estos elementos de DOM contribuyen principalmente con el CLS de la página."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Se encontró 1 elemento}other{Se encontraron # elementos}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "No realices cambios grandes en el diseño"
  },
--- a/lighthouse-core/lib/i18n/locales/es.json
+++ b/lighthouse-core/lib/i18n/locales/es.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Este es el mayor elemento con contenido renderizado en el viewport. [Más información](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 elemento encontrado}other{# elementos encontrados}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Renderizado del mayor elemento con contenido"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Estos elementos DOM son los que más contribuyen al CLS de la página."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elemento encontrado}other{# elementos encontrados}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Evitar cambios de diseño importantes"
  },
--- a/lighthouse-core/lib/i18n/locales/fi.json
+++ b/lighthouse-core/lib/i18n/locales/fi.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Tämä on näkymän suurin renderöity sisältö. [Lue lisää](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 elementti löydetty}other{# elementtiä löydetty}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Suurin renderöity sisältöosa"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Nämä DOM-elementit tuottavat suurimman osan sivun CLS-arvosta."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elementti löydetty}other{# elementtiä löydetty}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Vältä suuria asettelun muutoksia"
  },
--- a/lighthouse-core/lib/i18n/locales/fil.json
+++ b/lighthouse-core/lib/i18n/locales/fil.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Ito ang pinakamalaking contentful element na na-paint sa viewport. [Matuto Pa](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 element ang nakita}one{# element ang nakita}other{# na element ang nakita}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element na Largest Contentful Paint"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ang mga DOM element na ito ang may pinakamalaking kontribusyon sa CLS ng page."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 element ang nakita}one{# element ang nakita}other{# na element ang nakita}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Iwasan ang malalaking pagbabago ng layout"
  },
--- a/lighthouse-core/lib/i18n/locales/fr.json
+++ b/lighthouse-core/lib/i18n/locales/fr.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Il s'agit de l'élément identifié comme \"Largest Contentful Paint\" dans la fenêtre d'affichage. [En savoir plus](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 élément trouvé}one{# élément trouvé}other{# éléments trouvés}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Élément identifié comme \"Largest Contentful Paint\""
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ces éléments DOM contribuent en grande partie au CLS de la page."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 élément trouvé}one{# élément trouvé}other{# éléments trouvés}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Éviter les changements de mise en page importants"
  },
--- a/lighthouse-core/lib/i18n/locales/he.json
+++ b/lighthouse-core/lib/i18n/locales/he.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "זהו הרכיב הגדול ביותר המכיל תוכן שמוצג בתוך אזור התצוגה. [מידע נוסף](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{נמצא רכיב אחד}two{נמצאו # רכיבים}many{נמצאו # רכיבים}other{נמצאו # רכיבים}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "רכיב ה-Largest Contentful Paint (‏LCP)"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "רכיבי DOM אלה הם המרכיבים המשמעותיים ביותר של ה-CLS בדף זה."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{נמצא רכיב אחד}two{נמצאו # רכיבים}many{נמצאו # רכיבים}other{נמצאו # רכיבים}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "יש להימנע משינויים משמעותיים בפריסה"
  },
--- a/lighthouse-core/lib/i18n/locales/hi.json
+++ b/lighthouse-core/lib/i18n/locales/hi.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "यह व्यूपोर्ट में पेंट किया गया सबसे बड़ा कॉन्टेंटफ़ुल एलिमेंट है. [ज़्यादा जानें](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 एलिमेंट मिला}one{# एलिमेंट मिला}other{# एलिमेंट मिले}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "सबसे बड़ा कॉन्टेंटफ़ुल पेंट वाला एलिमेंट"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "पेज के सीएलएस में सबसे ज़्यादा योगदान ये डीओएम एलिमेंट देते हैं."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 एलिमेंट मिला}one{# एलिमेंट मिला}other{# एलिमेंट मिले}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "बड़े लेआउट शिफ़्ट से बचें"
  },
--- a/lighthouse-core/lib/i18n/locales/hr.json
+++ b/lighthouse-core/lib/i18n/locales/hr.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Ovo je element s najvećim renderiranjem sadržaja unutar vidljivog dijela. [Saznajte više](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Pronađen je jedan element}one{Pronađen je # element}few{Pronađena su # elementa}other{Pronađeno je # elemenata}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element s najvećim renderiranjem sadržaja"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ti DOM elementi najviše doprinose CLS-u stranice."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Pronađen je jedan element}one{Pronađen je # element}few{Pronađena su # elementa}other{Pronađeno je # elemenata}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Izbjegavajte velike pomake izgleda"
  },
--- a/lighthouse-core/lib/i18n/locales/hu.json
+++ b/lighthouse-core/lib/i18n/locales/hu.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Ez a legnagyobb tartalommal rendelkező elem a megjelenítési területen. [További információ](https://web.dev/lighthouse-largest-contentful-paint/)."
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 talált elem}other{# talált elem}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "A legnagyobb vizuális tartalomválasz eleme"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ezek a DOM-elemek járulnak hozzá leginkább az oldal elrendezésének összmozgásához (Cumulative Layout Shift, CLS)."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elem található}other{# elem található}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Az elrendezés nagy mértékű mozgásának elkerülése"
  },
--- a/lighthouse-core/lib/i18n/locales/id.json
+++ b/lighthouse-core/lib/i18n/locales/id.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Ini adalah elemen contentful terbesar yang di-paint dalam area pandang. [Pelajari Lebih Lanjut](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 elemen ditemukan}other{# elemen ditemukan}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elemen Largest Contentful Paint (LCP)"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Elemen DOM ini paling banyak berkontribusi untuk CLS halaman."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elemen ditemukan}other{# elemen ditemukan}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Hindari peralihan tata letak berukuran besar"
  },
--- a/lighthouse-core/lib/i18n/locales/it.json
+++ b/lighthouse-core/lib/i18n/locales/it.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Si tratta dell'elemento identificato come Largest Contentful Paint all'interno dell'area visibile. [Ulteriori informazioni](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 elemento trovato}other{# elementi trovati}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elemento Largest Contentful Paint"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Questi elementi DOM contribuiscono maggiormente alla metrica CLS della pagina."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elemento trovato}other{# elementi trovati}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Evita significative variazioni di layout"
  },
--- a/lighthouse-core/lib/i18n/locales/ja.json
+++ b/lighthouse-core/lib/i18n/locales/ja.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "ビューポート内で描画された最大のコンテンツ要素です。[詳細](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 件の要素が見つかりました}other{# 件の要素が見つかりました}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "「最大コンテンツの描画」要素"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "ページの CLS への影響が特に大きい DOM 要素です。"
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 件の要素が見つかりました}other{# 件の要素が見つかりました}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "レイアウトが大きく変わらないようにする"
  },
--- a/lighthouse-core/lib/i18n/locales/ko.json
+++ b/lighthouse-core/lib/i18n/locales/ko.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "표시 영역에 페인팅된 가장 큰 콘텐츠가 포함된 요소입니다. [자세히 알아보기](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{요소 1개 발견됨}other{요소 #개 발견됨}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "콘텐츠가 포함된 최대 페인트 요소"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "DOM 요소가 페이지 CLS의 대부분을 차지합니다."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{요소 1개 발견됨}other{요소 #개 발견됨}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "대규모 레이아웃 변경 피하기"
  },
--- a/lighthouse-core/lib/i18n/locales/lt.json
+++ b/lighthouse-core/lib/i18n/locales/lt.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Tai didžiausias turiningas elementas, pažymėtas peržiūros srityje. [Sužinokite daugiau](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Rastas 1 elementas}one{Rastas # elementas}few{Rasti # elementai}many{Rasta # elemento}other{Rasta # elementų}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Didžiausio turiningo žymėjimo elementas"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Šie DOM elementai labiausiai prisideda prie puslapio KIP."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Rastas vienas elementas}one{Rastas # elementas}few{Rasti # elementai}many{Rasta # elemento}other{Rasta # elementų}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Venkite didelių išdėstymo poslinkių"
  },
--- a/lighthouse-core/lib/i18n/locales/lv.json
+++ b/lighthouse-core/lib/i18n/locales/lv.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Tas ir lielākais skatvietā atveidotais satura elements. [Uzzināt vairāk](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Tika atrasts viens elements}zero{Tika atrasti # elementi}one{Tika atrasts # elements}other{Tika atrasti # elementi}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Lielākā satura marķējuma elements"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Šie DOM elementi visvairāk veicina lapas CLS."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Tika atrasts viens elements}zero{Tika atrasti # elementi}one{Tika atrasts # elements}other{Tika atrasti # elementi}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Centieties novērst lielas izkārtojuma nobīdes"
  },
--- a/lighthouse-core/lib/i18n/locales/nl.json
+++ b/lighthouse-core/lib/i18n/locales/nl.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Dit is het grootste element met content dat is weergegeven in het kijkvenster. [Meer informatie](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 element gevonden}other{# elementen gevonden}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "LCP-element (grootste weergave met content)"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Deze DOM-elementen dragen het meeste bij aan de CLS van de pagina."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 element gevonden}other{# elementen gevonden}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Grote indelingsverschuivingen vermijden"
  },
--- a/lighthouse-core/lib/i18n/locales/no.json
+++ b/lighthouse-core/lib/i18n/locales/no.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Dette er det største innholdsrike elementet som ble tegnet innenfor det synlige området. [Finn ut mer](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Fant 1 element}other{Fant # elementer}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elementet med største innholdsrike opptegning (LCP)"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Disse DOM-elementene bidrar mest til CLS på siden."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Fant 1 element}other{Fant # elementer}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Unngå store utseendeforskyvninger"
  },
--- a/lighthouse-core/lib/i18n/locales/pl.json
+++ b/lighthouse-core/lib/i18n/locales/pl.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "To największy wyrenderowany element treści w widocznym obszarze. [Więcej informacji](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Znaleziono 1 element}few{Znaleziono # elementy}many{Znaleziono # elementów}other{Znaleziono # elementu}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element największego wyrenderowania treści"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Te elementy DOM mają największy wpływ na CLS strony."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Znaleziono 1 element}few{Znaleziono # elementy}many{Znaleziono # elementów}other{Znaleziono # elementu}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Unikaj dużych przesunięć układu"
  },
--- a/lighthouse-core/lib/i18n/locales/pt-PT.json
+++ b/lighthouse-core/lib/i18n/locales/pt-PT.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Este é o elemento de maior preenchimento com conteúdo na área visível. [Saiba mais](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 elemento encontrado}other{# elementos encontrados}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elemento de Maior preenchimento com conteúdo"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Estes elementos DOM são os que mais contribuem para o CLS da página."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elemento encontrado}other{# elementos encontrados}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Evite mudanças de esquemas grandes"
  },
--- a/lighthouse-core/lib/i18n/locales/pt.json
+++ b/lighthouse-core/lib/i18n/locales/pt.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Este é o maior elemento com conteúdo na janela de visualização. [Saiba mais](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 elemento encontrado}one{# elemento encontrado}other{# elementos encontrados}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elemento de Maior exibição de conteúdo"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Estes elementos DOM contribuem principalmente para a CLS da página."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 elemento encontrado}one{# elemento encontrado}other{# elementos encontrados}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Evite grandes mudanças no layout"
  },
--- a/lighthouse-core/lib/i18n/locales/ro.json
+++ b/lighthouse-core/lib/i18n/locales/ro.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Acesta este cel mai mare element de conținut redat în aria vizibilă. [Află mai multe](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{A fost identificat un element}few{Au fost identificate # elemente}other{Au fost identificate # de elemente}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Elementul cu cea mai mare redare de conținut"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Aceste elemente DOM contribuie cel mai mult la schimbarea cumulată a aspectului paginii."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{A fost identificat un element}few{Au fost identificate # elemente}other{Au fost identificate # de elemente}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Evită schimbările majore ale aspectului"
  },
--- a/lighthouse-core/lib/i18n/locales/ru.json
+++ b/lighthouse-core/lib/i18n/locales/ru.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Это самый большой элемент контента, отрисованный в области просмотра. [Подробнее…](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Обнаружен 1 элемент.}one{Обнаружен # элемент.}few{Обнаружено # элемента.}many{Обнаружено # элементов.}other{Обнаружено # элемента.}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Элемент \"Отрисовка самого крупного контента\""
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Эти элементы DOM больше всего влияют на совокупное смещение макета страницы."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Обнаружен 1 элемент}one{Обнаружен # элемент}few{Обнаружено # элемента}many{Обнаружено # элементов}other{Обнаружено # элемента}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Устраните большие смещения макета"
  },
--- a/lighthouse-core/lib/i18n/locales/sk.json
+++ b/lighthouse-core/lib/i18n/locales/sk.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Toto je najväčší prvok s obsahom vykreslený v oblasti zobrazenia. [Ďalšie informácie](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Bol nájdený 1 prvok}few{Boli nájdené # prvky}many{# elements found}other{Bolo nájdených # prvkov}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Prvok vykreslenia najväčšieho obsahu"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ku kumulatívnej zmene rozloženia danej stránky prispievajú najviac tieto prvky modelu DOM."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Našiel sa 1 prvok}few{Našli sa # prvky}many{# elements found}other{Našlo sa # prvkov}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Nepoužívajte veľké posuny rozloženia"
  },
--- a/lighthouse-core/lib/i18n/locales/sl.json
+++ b/lighthouse-core/lib/i18n/locales/sl.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "To je največji vsebinski element, izrisan znotraj vidnega območja. [Več o tem](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Najden je bil 1 element}one{Najden je bil # element}two{Najdena sta bila # elementa}few{Najdeni so bili # elementi}other{Najdenih je bilo # elementov}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element največjega vsebinskega izrisa"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ti elementi DOM največ prispevajo k CLS-ju strani."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Najden je bil 1 element}one{Najden je bil # element}two{Najdena sta bila # elementa}few{Najdeni so bili # elementi}other{Najdenih je bilo # elementov}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Izogibajte se velikim pomikom postavitve"
  },
--- a/lighthouse-core/lib/i18n/locales/sr-Latn.json
+++ b/lighthouse-core/lib/i18n/locales/sr-Latn.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Ovo je najveći element sadržaja koji je prikazan u oblasti prikaza. [Saznajte više](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Pronađen je 1 element}one{Pronađen je # element}few{Pronađena su # elementa}other{Pronađeno je # elemenata}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element sa najvećim prikazivanjem sadržaja"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ovi DOM elementi najviše doprinose CLS-u stranice."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Pronađen je 1 element}one{Pronađen je # element}few{Pronađena su # elementa}other{Pronađeno je # elemenata}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Izbegavajte velike promene rasporeda"
  },
--- a/lighthouse-core/lib/i18n/locales/sr.json
+++ b/lighthouse-core/lib/i18n/locales/sr.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Ово је највећи елемент садржаја који је приказан у области приказа. [Сазнајте више](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Пронађен је 1 елемент}one{Пронађен је # елемент}few{Пронађена су # елемента}other{Пронађено је # елемената}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Елемент са највећим приказивањем садржаја"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ови DOM елементи највише доприносе CLS-у странице."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Пронађен је 1 елемент}one{Пронађен је # елемент}few{Пронађена су # елемента}other{Пронађено је # елемената}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Избегавајте велике промене распореда"
  },
--- a/lighthouse-core/lib/i18n/locales/sv.json
+++ b/lighthouse-core/lib/i18n/locales/sv.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Detta är det största innehållselementet som ritades upp i visningsområdet. [Läs mer](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 element hittades}other{# element hittades}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Element som största uppritningen av innehåll gjordes för"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Dessa DOM-element bidrog mest till sidans CLS."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 element hittades}other{# element hittades}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Undvik större layoutförskjutningar"
  },
--- a/lighthouse-core/lib/i18n/locales/ta.json
+++ b/lighthouse-core/lib/i18n/locales/ta.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "இது காட்சிப் பகுதிக்குள் தோன்றக்கூடிய உள்ளடக்கமுள்ள மிகப்பெரிய உறுப்பாகும். [மேலும் அறிக](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 உறுப்பு உள்ளது}other{# உறுப்புகள் உள்ளன}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "பெரிய பகுதியைக் காண்பிக்கும் நேரத்திற்கான உறுப்பு"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "பக்கத்தின் பெரும்பான்மையான CLSஸில் இந்த DOM உறுப்புகள் பங்களிக்கின்றன."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 உறுப்பு உள்ளது}other{# உறுப்புகள் உள்ளன}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "பெரிய தளவமைப்பு ஷிஃப்ட்களைத் தவிர்த்தல்"
  },
--- a/lighthouse-core/lib/i18n/locales/te.json
+++ b/lighthouse-core/lib/i18n/locales/te.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "ఇది వీక్షణ పోర్ట్‌లో పెయింట్ చేయబడిన, అన్నిటికంటే ఎక్కువ కంటెంట్ ఉన్న ఎలిమెంట్. [మరింత తెలుసుకోండి](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 మూలకం కనుగొనబడింది}other{# మూలకాలు కనుగొనబడ్డాయి}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "కంటెంట్ కలిగి ఉండే అతిపెద్ద పెయింట్ మూలకం"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "ఈ DOM మూలకాలు పేజీ యొక్క CLSకు ఎక్కువగా కంట్రిబ్యూట్ చేస్తాయి."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 ఎలిమెంట్ కనుగొనబడింది}other{# ఎలిమెంట్‌లు కనుగొనబడ్డాయి}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "పెద్ద లేఅవుట్ షిఫ్ట్‌లను నివారించండి"
  },
--- a/lighthouse-core/lib/i18n/locales/th.json
+++ b/lighthouse-core/lib/i18n/locales/th.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "นี่คือองค์ประกอบที่มีเนื้อหาเต็มขนาดใหญ่ที่สุดซึ่งแสดงผลภายในวิวพอร์ต [ดูข้อมูลเพิ่มเติม](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{พบ 1 องค์ประกอบ}other{พบ # องค์ประกอบ}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "องค์ประกอบ Largest Contentful Paint"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "องค์ประกอบ DOM เหล่านี้มีส่วนอย่างมากที่สุดต่อ CLS ของหน้า"
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{พบ 1 องค์ประกอบ}other{พบ # องค์ประกอบ}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "หลีกเลี่ยงการเลื่อนเลย์เอาต์ขนาดใหญ่"
  },
--- a/lighthouse-core/lib/i18n/locales/tr.json
+++ b/lighthouse-core/lib/i18n/locales/tr.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Bu, görüntü alanı içinde boyanan en büyük zengin içerikli öğedir. [Daha Fazla Bilgi](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{1 öğe bulundu}other{# öğe bulundu}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Largest Contentful Paint öğesi"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Sayfanın CLS'sine en fazla bu DOM öğeleri katkıda bulunur."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{1 öğe bulundu}other{# öğe bulundu}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Büyük düzen kaymalarından kaçının"
  },
--- a/lighthouse-core/lib/i18n/locales/uk.json
+++ b/lighthouse-core/lib/i18n/locales/uk.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Це найбільший елемент контенту, який видно в області перегляду. [Докладніше](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Знайдено 1 елемент}one{Знайдено # елемент}few{Знайдено # елементи}many{Знайдено # елементів}other{Знайдено # елемента}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Елемент візуалізації великого контенту"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Ці елементи DOM найбільше впливають на сукупне зміщення макета сторінки."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Знайдено 1 елемент}one{Знайдено # елемент}few{Знайдено # елементи}many{Знайдено # елементів}other{Знайдено # елемента}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Уникайте великих зсувів макета"
  },
--- a/lighthouse-core/lib/i18n/locales/vi.json
+++ b/lighthouse-core/lib/i18n/locales/vi.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "Đây là thành phần nội dung lớn nhất hiển thị trong khung nhìn. [Tìm hiểu thêm](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{Đã tìm thấy 1 thành phần}other{Đã tìm thấy # thành phần}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "Thành phần Thời gian hiển thị nội dung lớn nhất"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "Những thành phần DOM này đóng góp nhiều nhất vào Điểm số tổng hợp về mức thay đổi bố cục (CLS) của trang."
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{Phát hiện thấy 1 thành phần}other{Phát hiện thấy # thành phần}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "Tránh các thay đổi lớn về bố cục"
  },
--- a/lighthouse-core/lib/i18n/locales/zh-HK.json
+++ b/lighthouse-core/lib/i18n/locales/zh-HK.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "這是在檢視區中繪製的最大內容元素。[瞭解詳情](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{找到 1 個元素}other{找到 # 個元素}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "「最大內容繪製」元素"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "這些 DOM 元素在頁面造成最多累計版面配置轉移 (CLS)。"
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{找到 1 個元素}other{找到 # 個元素}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "避免大幅度的版面配置轉移"
  },
--- a/lighthouse-core/lib/i18n/locales/zh-TW.json
+++ b/lighthouse-core/lib/i18n/locales/zh-TW.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "這是在可視區域中繪製的最大內容元素。[瞭解詳情](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{找到 1 個元素}other{找到 # 個元素}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "最大內容繪製元素"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "這些 DOM 元素對於頁面的「累計版面配置轉移」(CLS) 影響最大。"
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{找到 1 個元素}other{找到 # 個元素}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "避免大量版面配置轉移"
  },
--- a/lighthouse-core/lib/i18n/locales/zh.json
+++ b/lighthouse-core/lib/i18n/locales/zh.json
@ -827,9 +827,6 @@
  "lighthouse-core/audits/largest-contentful-paint-element.js | description": {
    "message": "这是此视口内渲染的最大内容元素。[了解详情](https://web.dev/lighthouse-largest-contentful-paint/)"
  },
-  "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": {
-    "message": "{itemCount,plural, =1{找到了 1 个元素}other{找到了 # 个元素}}"
-  },
  "lighthouse-core/audits/largest-contentful-paint-element.js | title": {
    "message": "最大内容渲染时间元素"
  },
@ -839,9 +836,6 @@
  "lighthouse-core/audits/layout-shift-elements.js | description": {
    "message": "这些 DOM 元素对该网页的 CLS 影响最大。"
  },
-  "lighthouse-core/audits/layout-shift-elements.js | displayValue": {
-    "message": "{nodeCount,plural, =1{发现了 1 个元素}other{发现了 # 个元素}}"
-  },
  "lighthouse-core/audits/layout-shift-elements.js | title": {
    "message": "请避免出现大幅度的布局偏移"
  },
--- a/lighthouse-core/test/audits/autocomplete-test.js
+++ b/lighthouse-core/test/audits/autocomplete-test.js
@ -0,0 +1,270 @@
+/**
+ * @license Copyright 2016 The Lighthouse Authors. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
+ */
+'use strict';
+
+/* eslint-env jest */
+
+const Autocomplete = require('../../audits/autocomplete.js');
+
+
+describe('Best Practices: autocomplete audit', () => {
+  it('fails when an there is no autocomplete attribute set', () => {
+    const artifacts = {
+      FormElements: [
+        {
+          inputs: [
+            {
+              id: '',
+              name: 'name_cc',
+              placeholder: '',
+              autocomplete: '',
+              nodeLabel: 'input',
+              snippet: '<input type="text" name="name_cc">',
+            },
+            {
+              id: '',
+              name: 'CCNo',
+              placeholder: '',
+              autocomplete: '',
+              nodeLabel: 'input',
+              snippet: '<input type="text" name="CCNo">',
+            },
+            {
+              id: '',
+              name: 'CCExpiresMonth',
+              autocomplete: '',
+              nodeLabel: 'MM\n01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12',
+              snippet: '<select name="CCExpiresMonth">',
+            },
+            {
+              id: '',
+              name: 'CCExpiresYear',
+              autocomplete: '',
+              nodeLabel: 'YY\n2019\n2020\n2021\n2022\n2023\n2024\n2025\n2026\n2027\n2028\n2029',
+              snippet: '<select name="CCExpiresYear">',
+            },
+            {
+              id: '',
+              name: 'cvc',
+              placeholder: '',
+              autocomplete: '',
+              nodeLabel: 'input',
+              snippet: '<input name="cvc">',
+            },
+          ],
+          labels: [],
+        },
+      ],
+    };
+    const expectedDetails = {
+      headings: [
+        {
+          itemType: 'node',
+          key: 'node',
+          text: 'lighthouse-core/lib/i18n/i18n.js | columnFailingElem # 0',
+        },
+      ],
+      items: [
+        {
+          node: {
+            nodeLabel: 'input',
+            snippet: '<input type="text" name="name_cc">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'input',
+            snippet: '<input type="text" name="CCNo">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'MM\n01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12',
+            snippet: '<select name="CCExpiresMonth">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'YY\n2019\n2020\n2021\n2022\n2023\n2024\n2025\n2026\n2027\n2028\n2029',
+            snippet: '<select name="CCExpiresYear">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'input',
+            snippet: '<input name="cvc">',
+            type: 'node',
+          },
+        },
+      ],
+      summary: undefined,
+      type: 'table',
+    };
+    const {score, details} = Autocomplete.audit(artifacts);
+    expect(score).toBe(0);
+    expect(details).toStrictEqual(expectedDetails);
+  });
+  it('fails when an there is an invalid autocomplete attribute set', () => {
+    const artifacts = {
+      FormElements: [
+        {
+          inputs: [
+            {
+              id: '',
+              name: 'name_cc',
+              placeholder: '',
+              /* autocomplete attribute is blank because the gatherer does not collect invalid autocomplete attributes */
+              autocomplete: '',
+              nodeLabel: 'input',
+              snippet: '<input type="text" name="name_cc" autocomplete="namez">',
+            },
+            {
+              id: '',
+              name: 'CCNo',
+              placeholder: '',
+              /* autocomplete attribute is blank because the gatherer does not collect invalid autocomplete attributes */
+              autocomplete: '',
+              nodeLabel: 'input',
+              snippet: '<input type="text" name="CCNo" autocomplete="ccc-num">',
+            },
+            {
+              id: '',
+              name: 'CCExpiresMonth',
+              /* autocomplete attribute is blank because the gatherer does not collect invalid autocomplete attributes */
+              autocomplete: '',
+              nodeLabel: 'MM\n01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12',
+              snippet: '<select name="CCExpiresMonth" autocomplete="ccc-exp">',
+            },
+            {
+              id: '',
+              name: 'CCExpiresYear',
+              /* autocomplete attribute is blank because the gatherer does not collect invalid autocomplete attributes */
+              autocomplete: '',
+              nodeLabel: 'YY\n2019\n2020\n2021\n2022\n2023\n2024\n2025\n2026\n2027\n2028\n2029',
+              snippet: '<select name="CCExpiresYear" autocomplete="none">',
+            },
+            {
+              id: '',
+              name: 'cvc',
+              placeholder: '',
+              /* autocomplete attribute is blank because the gatherer does not collect invalid autocomplete attributes */
+              autocomplete: '',
+              nodeLabel: 'input',
+              snippet: '<input name="cvc" autocomplete="cc-cvc">',
+            },
+          ],
+          labels: [],
+        },
+      ],
+    };
+    const expectedDetails = {
+      headings: [
+        {
+          itemType: 'node',
+          key: 'node',
+          text: 'lighthouse-core/lib/i18n/i18n.js | columnFailingElem # 0',
+        },
+      ],
+      items: [
+        {
+          node: {
+            nodeLabel: 'input',
+            snippet: '<input type="text" name="name_cc" autocomplete="namez">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'input',
+            snippet: '<input type="text" name="CCNo" autocomplete="ccc-num">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'MM\n01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12',
+            snippet: '<select name="CCExpiresMonth" autocomplete="ccc-exp">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'YY\n2019\n2020\n2021\n2022\n2023\n2024\n2025\n2026\n2027\n2028\n2029',
+            snippet: '<select name="CCExpiresYear" autocomplete="none">',
+            type: 'node',
+          },
+        },
+        {
+          node: {
+            nodeLabel: 'input',
+            snippet: '<input name="cvc" autocomplete="cc-cvc">',
+            type: 'node',
+          },
+        },
+      ],
+      summary: undefined,
+      type: 'table',
+    };
+    const {score, details} = Autocomplete.audit(artifacts);
+    expect(score).toBe(0);
+    expect(details).toStrictEqual(expectedDetails);
+  });
+  it('passes when an there is a valid autocomplete attribute set', () => {
+    const artifacts = {
+      FormElements: [
+        {
+          inputs: [
+            {
+              id: '',
+              name: 'name_cc',
+              placeholder: '',
+              autocomplete: 'cc-name',
+              nodeLabel: 'textarea',
+              snippet: '<textarea type="text" name="name_cc" autocomplete="cc-name">',
+            },
+            {
+              id: '',
+              name: 'CCNo',
+              placeholder: '',
+              autocomplete: 'cc-number',
+              nodeLabel: 'input',
+              snippet: '<input type="text" name="CCNo" autocomplete="cc-number">',
+            },
+            {
+              id: '',
+              name: 'CCExpiresMonth',
+              autocomplete: 'cc-exp-month',
+              nodeLabel: 'MM\n01\n02\n03\n04\n05\n06\n07\n08\n09\n10\n11\n12',
+              snippet: '<select name="CCExpiresMonth" autocomplete="cc-exp-month">',
+            },
+            {
+              id: '',
+              name: 'CCExpiresYear',
+              autocomplete: 'cc-exp-year',
+              nodeLabel: 'YY\n2019\n2020\n2021\n2022\n2023\n2024\n2025\n2026\n2027\n2028\n2029',
+              snippet: '<select name="CCExpiresYear" autocomplete="cc-exp-year">',
+            },
+            {
+              id: '',
+              name: 'cvc',
+              placeholder: '',
+              autocomplete: 'cc-csc',
+              nodeLabel: 'input',
+              snippet: '<input name="cvc" autocomplete="cc-csc">',
+            },
+          ],
+          labels: [],
+        },
+      ],
+    };
+    const {score} = Autocomplete.audit(artifacts);
+    expect(score).toBe(1);
+  });
+});
--- a/lighthouse-core/test/results/sample_v2.json
+++ b/lighthouse-core/test/results/sample_v2.json
@ -6912,12 +6912,18 @@
      "lighthouse-core/audits/largest-contentful-paint-element.js | description": [
        "audits[largest-contentful-paint-element].description"
      ],
-      "lighthouse-core/audits/largest-contentful-paint-element.js | displayValue": [
+      "lighthouse-core/lib/i18n/i18n.js | displayValueElementsFound": [
        {
          "values": {
-            "itemCount": 1
+            "nodeCount": 1
          },
          "path": "audits[largest-contentful-paint-element].displayValue"
+        },
+        {
+          "values": {
+            "nodeCount": 4
+          },
+          "path": "audits[layout-shift-elements].displayValue"
        }
      ],
      "lighthouse-core/lib/i18n/i18n.js | columnElement": [
@ -6932,14 +6938,6 @@
      "lighthouse-core/audits/layout-shift-elements.js | description": [
        "audits[layout-shift-elements].description"
      ],
-      "lighthouse-core/audits/layout-shift-elements.js | displayValue": [
-        {
-          "values": {
-            "nodeCount": 4
-          },
-          "path": "audits[layout-shift-elements].displayValue"
-        }
-      ],
      "lighthouse-core/audits/layout-shift-elements.js | columnContribution": [
        "audits[layout-shift-elements].details.headings[1].text"
      ],