lighthouse 9.5.0-dev.20220717 → 9.5.0-dev.20220720

package/flow-report/test/run-flow-report-tests.sh

@@ -8,13 +8,13 @@
 
 set -eux
 
+SCRIPT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+LH_ROOT="$SCRIPT_DIR/../.."
+
 ARGS=(
   --testMatch='{flow-report/**/*-test.ts,flow-report/**/*-test.tsx}'
-  --require=flow-report/test/setup/env-setup.ts
-  --loader=@esbuild-kit/esm-loader
-  # util-test.tsx won't finish on its own because of an open MessagePort, so help it out.
-  # See https://github.com/jsdom/jsdom/issues/2448#issuecomment-802288244
-  --exit
+  --require="$LH_ROOT/flow-report/test/setup/env-setup.ts"
 )
 
-yarn mocha ${ARGS[*]} "$@"
+cd "$LH_ROOT"
+node --loader=@esbuild-kit/esm-loader lighthouse-core/test/scripts/run-mocha-tests.js ${ARGS[*]} "$@"

package/flow-report/test/setup/env-setup.ts

@@ -21,32 +21,35 @@ fs.writeFileSync(`${LH_ROOT}/node_modules/@testing-library/preact/dist/esm/packa
 fs.writeFileSync(`${LH_ROOT}/node_modules/@testing-library/preact-hooks/src/package.json`,
   '{"type": "module"}');
 
-// @ts-expect-error
-global.React = preact;
-
-export default {
-  mochaHooks: {
-    beforeEach() {
-      const {window} = new JSDOM(undefined, {
-        url: 'file:///Users/example/report.html/',
-      });
-      global.window = window as any;
-      global.document = window.document;
-      global.location = window.location;
-      global.self = global.window;
-
-      // Use JSDOM types as necessary.
-      global.Blob = window.Blob;
-      global.HTMLInputElement = window.HTMLInputElement;
-
-      // Functions not implemented in JSDOM.
-      window.Element.prototype.scrollIntoView = jestMock.fn();
-      global.self.matchMedia = jestMock.fn<any, any>(() => ({
-        addListener: jestMock.fn(),
-      }));
-
-      // @ts-expect-error: for @testing-library/preact-hooks
-      global.MessageChannel = MessageChannel;
-    },
+const rootHooks = {
+  beforeAll() {
+    // @ts-expect-error
+    global.React = preact;
   },
+  beforeEach() {
+    const {window} = new JSDOM(undefined, {
+      url: 'file:///Users/example/report.html/',
+    });
+    global.window = window as any;
+    global.document = window.document;
+    global.location = window.location;
+    global.self = global.window;
+
+    // Use JSDOM types as necessary.
+    global.Blob = window.Blob;
+    global.HTMLInputElement = window.HTMLInputElement;
+
+    // Functions not implemented in JSDOM.
+    window.Element.prototype.scrollIntoView = jestMock.fn();
+    global.self.matchMedia = jestMock.fn<any, any>(() => ({
+      addListener: jestMock.fn(),
+    }));
+
+    // @ts-expect-error: for @testing-library/preact-hooks
+    global.MessageChannel = MessageChannel;
+  },
+};
+
+export {
+  rootHooks,
 };

package/lighthouse-cli/test/smokehouse/lighthouse-runners/devtools.js

@@ -42,14 +42,18 @@ async function setup() {
  * CHROME_PATH determines which Chrome is used–otherwise the default is puppeteer's chrome binary.
  * @param {string} url
  * @param {LH.Config.Json=} configJson
- * @param {{isDebug?: boolean}=} testRunnerOptions
+ * @param {{isDebug?: boolean, useLegacyNavigation?: boolean}=} testRunnerOptions
  * @return {Promise<{lhr: LH.Result, artifacts: LH.Artifacts, log: string}>}
  */
 async function runLighthouse(url, configJson, testRunnerOptions = {}) {
   const chromeFlags = [
     `--custom-devtools-frontend=file://${devtoolsDir}/out/Default/gen/front_end`,
   ];
-  const {lhr, artifacts, logs} = await testUrlFromDevtools(url, configJson, chromeFlags);
+  const {lhr, artifacts, logs} = await testUrlFromDevtools(url, {
+    config: configJson,
+    chromeFlags,
+    useLegacyNavigation: testRunnerOptions.useLegacyNavigation,
+  });
 
   if (testRunnerOptions.isDebug) {
     const outputDir = fs.mkdtempSync(os.tmpdir() + '/lh-smoke-cdt-runner-');

package/lighthouse-core/config/config.js

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-import defaultConfig from './default-config.js';
+import legacyDefaultConfig from './legacy-default-config.js';
 import * as constants from './constants.js';
 import format from '../../shared/localization/format.js';
 import * as validation from './../fraggle-rock/config/validation.js';
@@ -24,7 +24,7 @@ import {
 } from './config-helpers.js';
 import {getModuleDirectory} from '../../esm-utils.js';
 
-const defaultConfigPath = './default-config.js';
+const defaultConfigPath = './legacy-default-config.js';
 
 /** @typedef {typeof import('../gather/gatherers/gatherer.js').Gatherer} GathererConstructor */
 /** @typedef {InstanceType<GathererConstructor>} Gatherer */
@@ -168,7 +168,7 @@ class Config {
     let configPath = flags?.configPath;
 
     if (!configJSON) {
-      configJSON = defaultConfig;
+      configJSON = legacyDefaultConfig;
       configPath = path.resolve(getModuleDirectory(import.meta), defaultConfigPath);
     }
 
@@ -184,7 +184,7 @@ class Config {
       if (configJSON.extends !== 'lighthouse:default') {
         throw new Error('`lighthouse:default` is the only valid extension method.');
       }
-      configJSON = Config.extendConfigJSON(deepCloneConfigJson(defaultConfig), configJSON);
+      configJSON = Config.extendConfigJSON(deepCloneConfigJson(legacyDefaultConfig), configJSON);
     }
 
     // The directory of the config path, if one was provided.

package/lighthouse-core/config/default-config.js

@@ -123,56 +123,160 @@ const UIStrings = {
 
 const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
+// Ensure all artifact IDs match the typedefs.
+/** @type {Record<keyof LH.FRArtifacts, string>} */
+const artifacts = {
+  DevtoolsLog: '',
+  Trace: '',
+  Accessibility: '',
+  AnchorElements: '',
+  CacheContents: '',
+  ConsoleMessages: '',
+  CSSUsage: '',
+  Doctype: '',
+  DOMStats: '',
+  EmbeddedContent: '',
+  FontSize: '',
+  Inputs: '',
+  FullPageScreenshot: '',
+  GlobalListeners: '',
+  IFrameElements: '',
+  ImageElements: '',
+  InstallabilityErrors: '',
+  InspectorIssues: '',
+  JsUsage: '',
+  LinkElements: '',
+  MainDocumentContent: '',
+  MetaElements: '',
+  NetworkUserAgent: '',
+  OptimizedImages: '',
+  PasswordInputsWithPreventedPaste: '',
+  ResponseCompression: '',
+  RobotsTxt: '',
+  ServiceWorker: '',
+  ScriptElements: '',
+  Scripts: '',
+  SourceMaps: '',
+  Stacks: '',
+  TagsBlockingFirstPaint: '',
+  TapTargets: '',
+  TraceElements: '',
+  ViewportDimensions: '',
+  WebAppManifest: '',
+  devtoolsLogs: '',
+  traces: '',
+};
+
+for (const key of Object.keys(artifacts)) {
+  artifacts[/** @type {keyof typeof artifacts} */ (key)] = key;
+}
+
 /** @type {LH.Config.Json} */
 const defaultConfig = {
   settings: constants.defaultSettings,
-  passes: [{
-    passName: 'defaultPass',
-    recordTrace: true,
-    useThrottling: true,
-    pauseAfterFcpMs: 1000,
-    pauseAfterLoadMs: 1000,
-    networkQuietThresholdMs: 1000,
-    cpuQuietThresholdMs: 1000,
-    gatherers: [
-      'css-usage',
-      'js-usage',
-      'viewport-dimensions',
-      'console-messages',
-      'anchor-elements',
-      'image-elements',
-      'link-elements',
-      'meta-elements',
-      'script-elements',
-      'scripts',
-      'iframe-elements',
-      'inputs',
-      'main-document-content',
-      'global-listeners',
-      'dobetterweb/doctype',
-      'dobetterweb/domstats',
-      'dobetterweb/optimized-images',
-      'dobetterweb/password-inputs-with-prevented-paste',
-      'dobetterweb/response-compression',
-      'dobetterweb/tags-blocking-first-paint',
-      'seo/font-size',
-      'seo/embedded-content',
-      'seo/robots-txt',
-      'seo/tap-targets',
-      'accessibility',
-      'trace-elements',
-      'inspector-issues',
-      'source-maps',
-      'full-page-screenshot',
-    ],
-  },
-  {
-    passName: 'offlinePass',
-    loadFailureMode: 'ignore',
-    gatherers: [
-      'service-worker',
-    ],
-  }],
+  artifacts: [
+    // Artifacts which can be depended on come first.
+    {id: artifacts.DevtoolsLog, gatherer: 'devtools-log'},
+    {id: artifacts.Trace, gatherer: 'trace'},
+
+    {id: artifacts.Accessibility, gatherer: 'accessibility'},
+    {id: artifacts.AnchorElements, gatherer: 'anchor-elements'},
+    {id: artifacts.CacheContents, gatherer: 'cache-contents'},
+    {id: artifacts.ConsoleMessages, gatherer: 'console-messages'},
+    {id: artifacts.CSSUsage, gatherer: 'css-usage'},
+    {id: artifacts.Doctype, gatherer: 'dobetterweb/doctype'},
+    {id: artifacts.DOMStats, gatherer: 'dobetterweb/domstats'},
+    {id: artifacts.EmbeddedContent, gatherer: 'seo/embedded-content'},
+    {id: artifacts.FontSize, gatherer: 'seo/font-size'},
+    {id: artifacts.Inputs, gatherer: 'inputs'},
+    {id: artifacts.GlobalListeners, gatherer: 'global-listeners'},
+    {id: artifacts.IFrameElements, gatherer: 'iframe-elements'},
+    {id: artifacts.ImageElements, gatherer: 'image-elements'},
+    {id: artifacts.InstallabilityErrors, gatherer: 'installability-errors'},
+    {id: artifacts.InspectorIssues, gatherer: 'inspector-issues'},
+    {id: artifacts.JsUsage, gatherer: 'js-usage'},
+    {id: artifacts.LinkElements, gatherer: 'link-elements'},
+    {id: artifacts.MainDocumentContent, gatherer: 'main-document-content'},
+    {id: artifacts.MetaElements, gatherer: 'meta-elements'},
+    {id: artifacts.NetworkUserAgent, gatherer: 'network-user-agent'},
+    {id: artifacts.OptimizedImages, gatherer: 'dobetterweb/optimized-images'},
+    {id: artifacts.PasswordInputsWithPreventedPaste, gatherer: 'dobetterweb/password-inputs-with-prevented-paste'},
+    {id: artifacts.ResponseCompression, gatherer: 'dobetterweb/response-compression'},
+    {id: artifacts.RobotsTxt, gatherer: 'seo/robots-txt'},
+    {id: artifacts.ServiceWorker, gatherer: 'service-worker'},
+    {id: artifacts.ScriptElements, gatherer: 'script-elements'},
+    {id: artifacts.Scripts, gatherer: 'scripts'},
+    {id: artifacts.SourceMaps, gatherer: 'source-maps'},
+    {id: artifacts.Stacks, gatherer: 'stacks'},
+    {id: artifacts.TagsBlockingFirstPaint, gatherer: 'dobetterweb/tags-blocking-first-paint'},
+    {id: artifacts.TapTargets, gatherer: 'seo/tap-targets'},
+    {id: artifacts.TraceElements, gatherer: 'trace-elements'},
+    {id: artifacts.ViewportDimensions, gatherer: 'viewport-dimensions'},
+    {id: artifacts.WebAppManifest, gatherer: 'web-app-manifest'},
+
+    // Artifact copies are renamed for compatibility with legacy artifacts.
+    {id: artifacts.devtoolsLogs, gatherer: 'devtools-log-compat'},
+    {id: artifacts.traces, gatherer: 'trace-compat'},
+
+    // FullPageScreenshot comes at the very end so all other node analysis is captured.
+    {id: artifacts.FullPageScreenshot, gatherer: 'full-page-screenshot'},
+  ],
+  navigations: [
+    {
+      id: 'default',
+      pauseAfterFcpMs: 1000,
+      pauseAfterLoadMs: 1000,
+      networkQuietThresholdMs: 1000,
+      cpuQuietThresholdMs: 1000,
+      artifacts: [
+        // Artifacts which can be depended on come first.
+        artifacts.DevtoolsLog,
+        artifacts.Trace,
+
+        artifacts.Accessibility,
+        artifacts.AnchorElements,
+        artifacts.CacheContents,
+        artifacts.ConsoleMessages,
+        artifacts.CSSUsage,
+        artifacts.Doctype,
+        artifacts.DOMStats,
+        artifacts.EmbeddedContent,
+        artifacts.FontSize,
+        artifacts.Inputs,
+        artifacts.GlobalListeners,
+        artifacts.IFrameElements,
+        artifacts.ImageElements,
+        artifacts.InstallabilityErrors,
+        artifacts.InspectorIssues,
+        artifacts.JsUsage,
+        artifacts.LinkElements,
+        artifacts.MainDocumentContent,
+        artifacts.MetaElements,
+        artifacts.NetworkUserAgent,
+        artifacts.OptimizedImages,
+        artifacts.PasswordInputsWithPreventedPaste,
+        artifacts.ResponseCompression,
+        artifacts.RobotsTxt,
+        artifacts.ServiceWorker,
+        artifacts.ScriptElements,
+        artifacts.Scripts,
+        artifacts.SourceMaps,
+        artifacts.Stacks,
+        artifacts.TagsBlockingFirstPaint,
+        artifacts.TapTargets,
+        artifacts.TraceElements,
+        artifacts.ViewportDimensions,
+        artifacts.WebAppManifest,
+
+        // Compat artifacts come last.
+        artifacts.devtoolsLogs,
+        artifacts.traces,
+
+        // FullPageScreenshot comes at the very end so all other node analysis is captured.
+        artifacts.FullPageScreenshot,
+      ],
+    },
+  ],
   audits: [
     'is-on-https',
     'service-worker',
@@ -186,6 +290,7 @@ const defaultConfig = {
     'metrics/total-blocking-time',
     'metrics/max-potential-fid',
     'metrics/cumulative-layout-shift',
+    'metrics/experimental-interaction-to-next-paint',
     'errors-in-console',
     'server-response-time',
     'metrics/interactive',
@@ -302,6 +407,7 @@ const defaultConfig = {
     'byte-efficiency/efficient-animated-content',
     'byte-efficiency/duplicated-javascript',
     'byte-efficiency/legacy-javascript',
+    'byte-efficiency/uses-responsive-images-snapshot',
     'dobetterweb/doctype',
     'dobetterweb/charset',
     'dobetterweb/dom-size',
@@ -326,8 +432,8 @@ const defaultConfig = {
     'seo/plugins',
     'seo/canonical',
     'seo/manual/structured-data',
+    'work-during-interaction',
   ],
-
   groups: {
     'metrics': {
       title: str_(UIStrings.metricGroupTitle),
@@ -420,6 +526,7 @@ const defaultConfig = {
         {id: 'total-blocking-time', weight: 30, group: 'metrics', acronym: 'TBT', relevantAudits: metricsToAudits.tbtRelevantAudits},
         {id: 'largest-contentful-paint', weight: 25, group: 'metrics', acronym: 'LCP', relevantAudits: metricsToAudits.lcpRelevantAudits},
         {id: 'cumulative-layout-shift', weight: 15, group: 'metrics', acronym: 'CLS', relevantAudits: metricsToAudits.clsRelevantAudits},
+        {id: 'experimental-interaction-to-next-paint', weight: 0, group: 'metrics', acronym: 'INP', relevantAudits: metricsToAudits.inpRelevantAudits},
 
         // These are our "invisible" metrics. Not displayed, but still in the LHR.
         {id: 'max-potential-fid', weight: 0, group: 'hidden'},
@@ -466,6 +573,8 @@ const defaultConfig = {
         {id: 'unsized-images', weight: 0},
         {id: 'viewport', weight: 0},
         {id: 'no-unload-listeners', weight: 0},
+        {id: 'uses-responsive-images-snapshot', weight: 0},
+        {id: 'work-during-interaction', weight: 0},
 
         // Budget audits.
         {id: 'performance-budget', weight: 0, group: 'budgets'},

package/lighthouse-core/config/legacy-default-config.js

@@ -0,0 +1,86 @@
+/**
+ * @license Copyright 2018 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';
+
+/**
+ * @fileoverview Construct the legacy default config from the standard default config.
+ */
+
+import defaultConfig from './default-config.js';
+
+/** @type {LH.Config.Json} */
+const legacyDefaultConfig = JSON.parse(JSON.stringify(defaultConfig));
+if (!legacyDefaultConfig.categories) {
+  throw new Error('Default config should always have categories');
+}
+
+// These properties are ignored in Legacy navigations.
+delete legacyDefaultConfig.artifacts;
+delete legacyDefaultConfig.navigations;
+
+// These audits don't work in Legacy navigation mode so we remove them.
+const unsupportedAuditIds = [
+  'experimental-interaction-to-next-paint',
+  'uses-responsive-images-snapshot',
+  'work-during-interaction',
+];
+
+legacyDefaultConfig.audits = legacyDefaultConfig.audits?.filter(audit =>
+  !unsupportedAuditIds.find(auditId => audit.toString().endsWith(auditId)));
+
+legacyDefaultConfig.categories['performance'].auditRefs =
+  legacyDefaultConfig.categories['performance'].auditRefs.filter(auditRef =>
+    !unsupportedAuditIds.includes(auditRef.id));
+
+legacyDefaultConfig.passes = [{
+  passName: 'defaultPass',
+  recordTrace: true,
+  useThrottling: true,
+  pauseAfterFcpMs: 1000,
+  pauseAfterLoadMs: 1000,
+  networkQuietThresholdMs: 1000,
+  cpuQuietThresholdMs: 1000,
+  gatherers: [
+    'css-usage',
+    'js-usage',
+    'viewport-dimensions',
+    'console-messages',
+    'anchor-elements',
+    'image-elements',
+    'link-elements',
+    'meta-elements',
+    'script-elements',
+    'scripts',
+    'iframe-elements',
+    'inputs',
+    'main-document-content',
+    'global-listeners',
+    'dobetterweb/doctype',
+    'dobetterweb/domstats',
+    'dobetterweb/optimized-images',
+    'dobetterweb/password-inputs-with-prevented-paste',
+    'dobetterweb/response-compression',
+    'dobetterweb/tags-blocking-first-paint',
+    'seo/font-size',
+    'seo/embedded-content',
+    'seo/robots-txt',
+    'seo/tap-targets',
+    'accessibility',
+    'trace-elements',
+    'inspector-issues',
+    'source-maps',
+    'full-page-screenshot',
+  ],
+},
+{
+  passName: 'offlinePass',
+  loadFailureMode: 'ignore',
+  gatherers: [
+    'service-worker',
+  ],
+}];
+
+export default legacyDefaultConfig;

package/lighthouse-core/fraggle-rock/config/config.js

@@ -8,7 +8,7 @@
 import path from 'path';
 import log from 'lighthouse-logger';
 import {Runner} from '../../runner.js';
-import defaultConfig from './default-config.js';
+import defaultConfig from '../../config/default-config.js';
 import {defaultNavigationConfig, nonSimulatedPassConfigOverrides} from '../../config/constants.js'; // eslint-disable-line max-len
 
 import {
@@ -35,7 +35,10 @@ import {
 import {getModuleDirectory} from '../../../esm-utils.js';
 import * as format from '../../../shared/localization/format.js';
 
-const defaultConfigPath = path.join(getModuleDirectory(import.meta), './default-config.js');
+const defaultConfigPath = path.join(
+  getModuleDirectory(import.meta),
+  '../../config/default-config.js'
+);
 
 /** @typedef {LH.Config.FRContext & {gatherMode: LH.Gatherer.GatherMode}} ConfigContext */
 

package/lighthouse-core/lib/i18n/i18n.js

@@ -8,6 +8,7 @@
 /** @typedef {import('../../../shared/localization/locales').LhlMessages} LhlMessages */
 
 import path from 'path';
+import url from 'url';
 
 import lookupClosestLocale from 'lookup-closest-locale';
 import {getAvailableLocales} from '../../../shared/localization/format.js';
@@ -170,7 +171,7 @@ function lookupLocale(locales, possibleLocales) {
  * @param {Record<string, string>} fileStrings
  */
 function createIcuMessageFn(filename, fileStrings) {
-  filename = filename.replace('file://', '');
+  if (filename.startsWith('file://')) filename = url.fileURLToPath(filename);
 
   /**
    * Combined so fn can access both caller's strings and i18n.UIStrings shared across LH.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lighthouse",
   "type": "module",
-  "version": "9.5.0-dev.20220717",
+  "version": "9.5.0-dev.20220720",
   "description": "Automated auditing, performance metrics, and best practices for the web.",
   "main": "./lighthouse-core/index.js",
   "bin": {
@@ -36,7 +36,7 @@
     "smoke": "node lighthouse-cli/test/smokehouse/frontends/smokehouse-bin.js",
     "debug": "node --inspect-brk ./lighthouse-cli/index.js",
     "start": "yarn build-report --standalone && node ./lighthouse-cli/index.js",
-    "mocha": "node lighthouse-core/test/scripts/run-mocha-tests.js",
+    "mocha": "node --loader=testdouble lighthouse-core/test/scripts/run-mocha-tests.js",
     "test": "yarn diff:sample-json && yarn lint --quiet && yarn unit && yarn type-check",
     "test-bundle": "yarn smoke --runner bundle --retries=2",
     "test-clients": "yarn mocha --testMatch clients/**/*-test.js && yarn mocha --testMatch clients/**/*-test-pptr.js",
@@ -194,10 +194,10 @@
     "enquirer": "^2.3.6",
     "http-link-header": "^0.8.0",
     "intl-messageformat": "^4.4.0",
-    "jpeg-js": "^0.4.3",
+    "jpeg-js": "^0.4.4",
     "js-library-detector": "^6.5.0",
     "lighthouse-logger": "^1.3.0",
-    "lighthouse-stack-packs": "^1.8.1",
+    "lighthouse-stack-packs": "1.8.2",
     "lodash": "^4.17.21",
     "lookup-closest-locale": "6.2.0",
     "metaviewport-parser": "0.2.0",

package/shared/localization/locales/en-US.json

@@ -2406,7 +2406,7 @@
     "message": "If you are using React Router, minimize usage of the `<Redirect>` component for [route navigations](https://reacttraining.com/react-router/web/api/Redirect)."
   },
   "node_modules/lighthouse-stack-packs/packs/react.js | server-response-time": {
-    "message": "If you are server-side rendering any React components, consider using `renderToNodeStream()` or `renderToStaticNodeStream()` to allow the client to receive and hydrate different parts of the markup instead of all at once. [Learn more](https://reactjs.org/docs/react-dom-server.html#rendertonodestream)."
+    "message": "If you are server-side rendering any React components, consider using `renderToPipeableStream()` or `renderToStaticNodeStream()` to allow the client to receive and hydrate different parts of the markup instead of all at once. [Learn more](https://reactjs.org/docs/react-dom-server.html#renderToPipeableStream)."
   },
   "node_modules/lighthouse-stack-packs/packs/react.js | unminified-css": {
     "message": "If your build system minifies CSS files automatically, ensure that you are deploying the production build of your application. You can check this with the React Developer Tools extension. [Learn more](https://reactjs.org/docs/optimizing-performance.html#use-the-production-build)."
@@ -2424,7 +2424,7 @@
     "message": "Consider uploading your GIF to a service which will make it available to embed as an HTML5 video."
   },
   "node_modules/lighthouse-stack-packs/packs/wordpress.js | modern-image-formats": {
-    "message": "Consider using a [plugin](https://wordpress.org/plugins/search/convert+webp/) or service that will automatically convert your uploaded images to the optimal formats."
+    "message": "Consider using the [Performance Lab](https://wordpress.org/plugins/performance-lab/) plugin to automatically convert your uploaded JPEG images into WebP, wherever supported."
   },
   "node_modules/lighthouse-stack-packs/packs/wordpress.js | offscreen-images": {
     "message": "Install a [lazy-load WordPress plugin](https://wordpress.org/plugins/search/lazy+load/) that provides the ability to defer any offscreen images, or switch to a theme that provides that functionality. Also consider using [the AMP plugin](https://wordpress.org/plugins/amp/)."

package/shared/localization/locales/en-XL.json

@@ -2406,7 +2406,7 @@
     "message": "Îf́ ŷóû ár̂é ûśîńĝ Ŕêáĉt́ R̂óût́êŕ, m̂ín̂ím̂íẑé ûśâǵê óf̂ t́ĥé `<Redirect>` ĉóm̂ṕôńêńt̂ f́ôŕ [r̂óût́ê ńâv́îǵât́îón̂ś](https://reacttraining.com/react-router/web/api/Redirect)."
   },
   "node_modules/lighthouse-stack-packs/packs/react.js | server-response-time": {
-    "message": "Îf́ ŷóû ár̂é ŝér̂v́êŕ-ŝíd̂é r̂én̂d́êŕîńĝ án̂ý R̂éâćt̂ ćôḿp̂ón̂én̂t́ŝ, ćôńŝíd̂ér̂ úŝín̂ǵ `renderToNodeStream()` ôŕ `renderToStaticNodeStream()` t̂ó âĺl̂óŵ t́ĥé ĉĺîén̂t́ t̂ó r̂éĉéîv́ê án̂d́ ĥýd̂ŕât́ê d́îf́f̂ér̂én̂t́ p̂ár̂t́ŝ óf̂ t́ĥé m̂ár̂ḱûṕ îńŝt́êád̂ óf̂ ál̂ĺ ât́ ôńĉé. [L̂éâŕn̂ ḿôŕê](https://reactjs.org/docs/react-dom-server.html#rendertonodestream)."
+    "message": "Îf́ ŷóû ár̂é ŝér̂v́êŕ-ŝíd̂é r̂én̂d́êŕîńĝ án̂ý R̂éâćt̂ ćôḿp̂ón̂én̂t́ŝ, ćôńŝíd̂ér̂ úŝín̂ǵ `renderToPipeableStream()` ôŕ `renderToStaticNodeStream()` t̂ó âĺl̂óŵ t́ĥé ĉĺîén̂t́ t̂ó r̂éĉéîv́ê án̂d́ ĥýd̂ŕât́ê d́îf́f̂ér̂én̂t́ p̂ár̂t́ŝ óf̂ t́ĥé m̂ár̂ḱûṕ îńŝt́êád̂ óf̂ ál̂ĺ ât́ ôńĉé. [L̂éâŕn̂ ḿôŕê](https://reactjs.org/docs/react-dom-server.html#renderToPipeableStream)."
   },
   "node_modules/lighthouse-stack-packs/packs/react.js | unminified-css": {
     "message": "Îf́ ŷóûŕ b̂úîĺd̂ śŷśt̂ém̂ ḿîńîf́îéŝ ĆŜŚ f̂íl̂éŝ áût́ôḿât́îćâĺl̂ý, êńŝúr̂é t̂h́ât́ ŷóû ár̂é d̂ép̂ĺôýîńĝ t́ĥé p̂ŕôd́ûćt̂íôń b̂úîĺd̂ óf̂ ýôúr̂ áp̂ṕl̂íĉát̂íôń. Ŷóû ćâń ĉh́êćk̂ t́ĥíŝ ẃît́ĥ t́ĥé R̂éâćt̂ D́êv́êĺôṕêŕ T̂óôĺŝ éx̂t́êńŝíôń. [L̂éâŕn̂ ḿôŕê](https://reactjs.org/docs/optimizing-performance.html#use-the-production-build)."
@@ -2424,7 +2424,7 @@
     "message": "Ĉón̂śîd́êŕ ûṕl̂óâd́îńĝ ýôúr̂ ǴÎF́ t̂ó â śêŕv̂íĉé ŵh́îćĥ ẃîĺl̂ ḿâḱê ít̂ áv̂áîĺâb́l̂é t̂ó êḿb̂éd̂ áŝ án̂ H́T̂ḾL̂5 v́îd́êó."
   },
   "node_modules/lighthouse-stack-packs/packs/wordpress.js | modern-image-formats": {
-    "message": "Ĉón̂śîd́êŕ ûśîńĝ á [p̂ĺûǵîń](https://wordpress.org/plugins/search/convert+webp/) ôŕ ŝér̂v́îćê t́ĥát̂ ẃîĺl̂ áût́ôḿât́îćâĺl̂ý ĉón̂v́êŕt̂ ýôúr̂ úp̂ĺôád̂éd̂ ím̂áĝéŝ t́ô t́ĥé ôṕt̂ím̂ál̂ f́ôŕm̂át̂ś."
+    "message": "Ĉón̂śîd́êŕ ûśîńĝ t́ĥé [P̂ér̂f́ôŕm̂án̂ćê Ĺâb́](https://wordpress.org/plugins/performance-lab/) p̂ĺûǵîń t̂ó âút̂óm̂át̂íĉál̂ĺŷ ćôńv̂ér̂t́ ŷóûŕ ûṕl̂óâd́êd́ ĴṔÊǴ îḿâǵêś îńt̂ó Ŵéb̂Ṕ, ŵh́êŕêv́êŕ ŝúp̂ṕôŕt̂éd̂."
   },
   "node_modules/lighthouse-stack-packs/packs/wordpress.js | offscreen-images": {
     "message": "Îńŝt́âĺl̂ á [l̂áẑý-l̂óâd́ Ŵór̂d́P̂ŕêśŝ ṕl̂úĝín̂](https://wordpress.org/plugins/search/lazy+load/) t́ĥát̂ ṕr̂óv̂íd̂éŝ t́ĥé âb́îĺît́ŷ t́ô d́êf́êŕ âńŷ óf̂f́ŝćr̂éêń îḿâǵêś, ôŕ ŝẃît́ĉh́ t̂ó â t́ĥém̂é t̂h́ât́ p̂ŕôv́îd́êś t̂h́ât́ f̂ún̂ćt̂íôńâĺît́ŷ. Ál̂śô ćôńŝíd̂ér̂ úŝín̂ǵ [t̂h́ê ÁM̂Ṕ p̂ĺûǵîń](https://wordpress.org/plugins/amp/)."

package/lighthouse-core/fraggle-rock/config/default-config.js

@@ -1,208 +0,0 @@
-/**
- * @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.
- */
-'use strict';
-
-import legacyDefaultConfig from '../../config/default-config.js';
-import {deepClone} from '../../config/config-helpers.js';
-import {metricsToAudits} from '../../config/metrics-to-audits.js';
-
-/** @type {LH.Config.AuditJson[]} */
-const frAudits = [
-  'byte-efficiency/uses-responsive-images-snapshot',
-  'metrics/experimental-interaction-to-next-paint',
-  'work-during-interaction',
-];
-
-/** @type {Record<string, LH.Config.AuditRefJson[]>} */
-const frCategoryAuditRefExtensions = {
-  'performance': [
-    {id: 'uses-responsive-images-snapshot', weight: 0},
-    {id: 'experimental-interaction-to-next-paint', weight: 0, group: 'metrics', acronym: 'INP',
-      relevantAudits: metricsToAudits.inpRelevantAudits},
-    {id: 'work-during-interaction', weight: 0},
-  ],
-};
-
-/** @return {LH.Config.Json['categories']} */
-function mergeCategories() {
-  if (!legacyDefaultConfig.categories) return {};
-  // Don't modify original default config.
-  const categories = deepClone(legacyDefaultConfig.categories);
-  for (const key of Object.keys(frCategoryAuditRefExtensions)) {
-    if (!categories[key]) continue;
-    categories[key].auditRefs.push(...frCategoryAuditRefExtensions[key]);
-  }
-  return categories;
-}
-
-// Ensure all artifact IDs match the typedefs.
-/** @type {Record<keyof LH.FRArtifacts, string>} */
-const artifacts = {
-  DevtoolsLog: '',
-  Trace: '',
-  Accessibility: '',
-  AnchorElements: '',
-  CacheContents: '',
-  ConsoleMessages: '',
-  CSSUsage: '',
-  Doctype: '',
-  DOMStats: '',
-  EmbeddedContent: '',
-  FontSize: '',
-  Inputs: '',
-  FullPageScreenshot: '',
-  GlobalListeners: '',
-  IFrameElements: '',
-  ImageElements: '',
-  InstallabilityErrors: '',
-  InspectorIssues: '',
-  JsUsage: '',
-  LinkElements: '',
-  MainDocumentContent: '',
-  MetaElements: '',
-  NetworkUserAgent: '',
-  OptimizedImages: '',
-  PasswordInputsWithPreventedPaste: '',
-  ResponseCompression: '',
-  RobotsTxt: '',
-  ServiceWorker: '',
-  ScriptElements: '',
-  Scripts: '',
-  SourceMaps: '',
-  Stacks: '',
-  TagsBlockingFirstPaint: '',
-  TapTargets: '',
-  TraceElements: '',
-  ViewportDimensions: '',
-  WebAppManifest: '',
-  devtoolsLogs: '',
-  traces: '',
-};
-
-for (const key of Object.keys(artifacts)) {
-  artifacts[/** @type {keyof typeof artifacts} */ (key)] = key;
-}
-
-/** @type {LH.Config.Json} */
-const defaultConfig = {
-  artifacts: [
-    // Artifacts which can be depended on come first.
-    {id: artifacts.DevtoolsLog, gatherer: 'devtools-log'},
-    {id: artifacts.Trace, gatherer: 'trace'},
-
-    /* eslint-disable max-len */
-    {id: artifacts.Accessibility, gatherer: 'accessibility'},
-    {id: artifacts.AnchorElements, gatherer: 'anchor-elements'},
-    {id: artifacts.CacheContents, gatherer: 'cache-contents'},
-    {id: artifacts.ConsoleMessages, gatherer: 'console-messages'},
-    {id: artifacts.CSSUsage, gatherer: 'css-usage'},
-    {id: artifacts.Doctype, gatherer: 'dobetterweb/doctype'},
-    {id: artifacts.DOMStats, gatherer: 'dobetterweb/domstats'},
-    {id: artifacts.EmbeddedContent, gatherer: 'seo/embedded-content'},
-    {id: artifacts.FontSize, gatherer: 'seo/font-size'},
-    {id: artifacts.Inputs, gatherer: 'inputs'},
-    {id: artifacts.GlobalListeners, gatherer: 'global-listeners'},
-    {id: artifacts.IFrameElements, gatherer: 'iframe-elements'},
-    {id: artifacts.ImageElements, gatherer: 'image-elements'},
-    {id: artifacts.InstallabilityErrors, gatherer: 'installability-errors'},
-    {id: artifacts.InspectorIssues, gatherer: 'inspector-issues'},
-    {id: artifacts.JsUsage, gatherer: 'js-usage'},
-    {id: artifacts.LinkElements, gatherer: 'link-elements'},
-    {id: artifacts.MainDocumentContent, gatherer: 'main-document-content'},
-    {id: artifacts.MetaElements, gatherer: 'meta-elements'},
-    {id: artifacts.NetworkUserAgent, gatherer: 'network-user-agent'},
-    {id: artifacts.OptimizedImages, gatherer: 'dobetterweb/optimized-images'},
-    {id: artifacts.PasswordInputsWithPreventedPaste, gatherer: 'dobetterweb/password-inputs-with-prevented-paste'},
-    {id: artifacts.ResponseCompression, gatherer: 'dobetterweb/response-compression'},
-    {id: artifacts.RobotsTxt, gatherer: 'seo/robots-txt'},
-    {id: artifacts.ServiceWorker, gatherer: 'service-worker'},
-    {id: artifacts.ScriptElements, gatherer: 'script-elements'},
-    {id: artifacts.Scripts, gatherer: 'scripts'},
-    {id: artifacts.SourceMaps, gatherer: 'source-maps'},
-    {id: artifacts.Stacks, gatherer: 'stacks'},
-    {id: artifacts.TagsBlockingFirstPaint, gatherer: 'dobetterweb/tags-blocking-first-paint'},
-    {id: artifacts.TapTargets, gatherer: 'seo/tap-targets'},
-    {id: artifacts.TraceElements, gatherer: 'trace-elements'},
-    {id: artifacts.ViewportDimensions, gatherer: 'viewport-dimensions'},
-    {id: artifacts.WebAppManifest, gatherer: 'web-app-manifest'},
-    /* eslint-enable max-len */
-
-    // Artifact copies are renamed for compatibility with legacy artifacts.
-    {id: artifacts.devtoolsLogs, gatherer: 'devtools-log-compat'},
-    {id: artifacts.traces, gatherer: 'trace-compat'},
-
-    // FullPageScreenshot comes at the very end so all other node analysis is captured.
-    {id: artifacts.FullPageScreenshot, gatherer: 'full-page-screenshot'},
-  ],
-  navigations: [
-    {
-      id: 'default',
-      pauseAfterFcpMs: 1000,
-      pauseAfterLoadMs: 1000,
-      networkQuietThresholdMs: 1000,
-      cpuQuietThresholdMs: 1000,
-      artifacts: [
-        // Artifacts which can be depended on come first.
-        artifacts.DevtoolsLog,
-        artifacts.Trace,
-
-        artifacts.Accessibility,
-        artifacts.AnchorElements,
-        artifacts.CacheContents,
-        artifacts.ConsoleMessages,
-        artifacts.CSSUsage,
-        artifacts.Doctype,
-        artifacts.DOMStats,
-        artifacts.EmbeddedContent,
-        artifacts.FontSize,
-        artifacts.Inputs,
-        artifacts.GlobalListeners,
-        artifacts.IFrameElements,
-        artifacts.ImageElements,
-        artifacts.InstallabilityErrors,
-        artifacts.InspectorIssues,
-        artifacts.JsUsage,
-        artifacts.LinkElements,
-        artifacts.MainDocumentContent,
-        artifacts.MetaElements,
-        artifacts.NetworkUserAgent,
-        artifacts.OptimizedImages,
-        artifacts.PasswordInputsWithPreventedPaste,
-        artifacts.ResponseCompression,
-        artifacts.RobotsTxt,
-        artifacts.ServiceWorker,
-        artifacts.ScriptElements,
-        artifacts.Scripts,
-        artifacts.SourceMaps,
-        artifacts.Stacks,
-        artifacts.TagsBlockingFirstPaint,
-        artifacts.TapTargets,
-        artifacts.TraceElements,
-        artifacts.ViewportDimensions,
-        artifacts.WebAppManifest,
-
-        // Compat artifacts come last.
-        artifacts.devtoolsLogs,
-        artifacts.traces,
-
-        // FullPageScreenshot comes at the very end so all other node analysis is captured.
-        artifacts.FullPageScreenshot,
-      ],
-    },
-  ],
-  settings: legacyDefaultConfig.settings,
-  audits: [
-    ...(legacyDefaultConfig.audits || []).map(audit => {
-      if (typeof audit === 'string') return {path: audit};
-      return audit;
-    }),
-    ...frAudits,
-  ],
-  categories: mergeCategories(),
-  groups: legacyDefaultConfig.groups,
-};
-
-export default defaultConfig;