lighthouse 11.7.1 → 12.0.0

package/tsconfig.json

@@ -37,7 +37,6 @@
     "cli/test/fixtures/**/*.js",
     "core/scripts/legacy-javascript/variants",
     // These test files require further changes before they can be type checked.
-    "core/test/config/budget-test.js",
     "core/test/config/config-helpers-test.js",
     "core/test/config/config-plugin-test.js",
     "core/test/config/default-config-test.js",
@@ -48,7 +47,6 @@
     "core/test/gather/gatherers/devtools-log-test.js",
     "core/test/gather/gatherers/dobetterweb/optimized-images-test.js",
     "core/test/gather/gatherers/dobetterweb/response-compression-test.js",
-    "core/test/gather/gatherers/dobetterweb/tags-blocking-first-paint-test.js",
     "core/test/gather/gatherers/full-page-screenshot-test.js",
     "core/test/gather/gatherers/global-listeners-test.js",
     "core/test/gather/gatherers/html-without-javascript-test.js",
@@ -57,7 +55,6 @@
     "core/test/gather/gatherers/offline-test.js",
     "core/test/gather/gatherers/runtime-exceptions-test.js",
     "core/test/gather/gatherers/seo/font-size-test.js",
-    "core/test/gather/gatherers/service-worker-test.js",
     "core/test/gather/gatherers/source-maps-test.js",
     "core/test/gather/gatherers/stack-collector-test.js",
     "core/test/gather/gatherers/start-url-test.js",
@@ -70,6 +67,7 @@
     "core/test/lib/i18n/i18n-test.js",
     "core/test/lib/icons-test.js",
     "core/test/lib/lantern/base-node-test.js",
+    "core/test/lib/lantern/metrics/*",
     "core/test/lib/lantern/page-dependency-graph-test.js",
     "core/test/lib/lantern/simulator/connection-pool-test.js",
     "core/test/lib/lantern/simulator/dns-cache-test.js",

package/types/artifacts.d.ts

@@ -16,6 +16,7 @@ import speedline from 'speedline-core';
 import * as CDTSourceMap from '../core/lib/cdt/generated/SourceMap.js';
 import {ArbitraryEqualityMap} from '../core/lib/arbitrary-equality-map.js';
 import type { TaskNode as _TaskNode } from '../core/lib/tracehouse/main-thread-tasks.js';
+import type {EnabledHandlers} from '../core/computed/trace-engine-result.js';
 import AuditDetails from './lhr/audit-details.js'
 import Config from './config.js';
 import Gatherer from './gatherer.js';
@@ -45,8 +46,6 @@ interface UniversalBaseArtifacts {
   LighthouseRunWarnings: Array<string | IcuMessage>;
   /** The benchmark index that indicates rough device class. */
   BenchmarkIndex: number;
-  /** Many benchmark indexes. Many. */
-  BenchmarkIndexes?: number[];
   /** An object containing information about the testing configuration used by Lighthouse. */
   settings: Config.Settings;
   /** The timing instrumentation of the gather portion of a run. */
@@ -79,18 +78,20 @@ interface ContextualBaseArtifacts {
 interface PublicGathererArtifacts {
   /** ConsoleMessages deprecation and intervention warnings, console API calls, and exceptions logged by Chrome during page load. */
   ConsoleMessages: Artifacts.ConsoleMessage[];
-  /** All the iframe elements in the page. */
-  IFrameElements: Artifacts.IFrameElement[];
-  /** The contents of the main HTML document network resource. */
-  MainDocumentContent: string;
+  /** The primary log of devtools protocol activity. */
+  DevtoolsLog: DevtoolsLog;
   /** Information on size and loading for all the images in the page. Natural size information for `picture` and CSS images is only available if the image was one of the largest 50 images. */
   ImageElements: Artifacts.ImageElement[];
   /** All the link elements on the page or equivalently declared in `Link` headers. @see https://html.spec.whatwg.org/multipage/links.html */
   LinkElements: Artifacts.LinkElement[];
+  /** The contents of the main HTML document network resource. */
+  MainDocumentContent: string;
   /** The values of the <meta> elements in the head. */
   MetaElements: Array<{name?: string, content?: string, property?: string, httpEquiv?: string, charset?: string, node: Artifacts.NodeDetails}>;
-  /** Information on all script elements in the page. Also contains the content of all requested scripts and the networkRecord requestId that contained their content. Note, HTML documents will have one entry per script tag, all with the same requestId. */
-  ScriptElements: Array<Artifacts.ScriptElement>;
+  /** Information on all scripts in the page. */
+  Scripts: Artifacts.Script[];
+  /** The primary trace taken over the entire run. */
+  Trace: Trace;
   /** The dimensions and devicePixelRatio of the loaded viewport. */
   ViewportDimensions: Artifacts.ViewportDimensions;
 }
@@ -109,9 +110,7 @@ export interface GathererArtifacts extends PublicGathererArtifacts {
   /** Array of all URLs cached in CacheStorage. */
   CacheContents: string[];
   /** CSS coverage information for styles used by page's final state. */
-  CSSUsage: {rules: Crdp.CSS.RuleUsage[], stylesheets: Artifacts.CSSStyleSheetInfo[]};
-  /** The primary log of devtools protocol activity. */
-  DevtoolsLog: DevtoolsLog;
+  CSSUsage: Crdp.CSS.RuleUsage[];
   /** The log of devtools protocol activity if there was a page load error and Chrome navigated to a `chrome-error://` page. */
   DevtoolsLogError: DevtoolsLog;
   /** Information on the document's doctype(or null if not present), specifically the name, publicId, and systemId.
@@ -119,20 +118,16 @@ export interface GathererArtifacts extends PublicGathererArtifacts {
   Doctype: Artifacts.Doctype | null;
   /** Information on the size of all DOM nodes in the page and the most extreme members. */
   DOMStats: Artifacts.DOMStats;
-  /** Relevant attributes and child properties of all <object>s, <embed>s and <applet>s in the page. */
-  EmbeddedContent: Artifacts.EmbeddedContentInfo[];
   /** Information on poorly sized font usage and the text affected by it. */
   FontSize: Artifacts.FontSize;
+  /** All the iframe elements in the page. */
+  IFrameElements: Artifacts.IFrameElement[];
   /** All the input elements, including associated form and label elements. */
   Inputs: {inputs: Artifacts.InputElement[]; forms: Artifacts.FormElement[]; labels: Artifacts.LabelElement[]};
   /** Screenshot of the entire page (rather than just the above the fold content). */
   FullPageScreenshot: LHResult.FullPageScreenshot | null;
-  /** Information about event listeners registered on the global object. */
-  GlobalListeners: Array<Artifacts.GlobalListener>;
   /** The issues surfaced in the devtools Issues panel */
   InspectorIssues: Artifacts.InspectorIssues;
-  /** Errors preventing page being installable as PWA. */
-  InstallabilityErrors: Artifacts.InstallabilityErrors;
   /** JS coverage information for code used during audit. Keyed by script id. */
   // 'url' is excluded because it can be overridden by a magic sourceURL= comment, which makes keeping it a dangerous footgun!
   JsUsage: Record<string, Omit<Crdp.Profiler.ScriptCoverage, 'url'>>;
@@ -146,26 +141,16 @@ export interface GathererArtifacts extends PublicGathererArtifacts {
   RobotsTxt: {status: number|null, content: string|null, errorMessage?: string};
   /** The result of calling the shared trace engine root cause analysis. */
   RootCauses: Artifacts.TraceEngineRootCauses;
-  /** Information on all scripts in the page. */
-  Scripts: Artifacts.Script[];
-  /** Version information for all ServiceWorkers active after the first page load. */
-  ServiceWorker: {versions: Crdp.ServiceWorker.ServiceWorkerVersion[], registrations: Crdp.ServiceWorker.ServiceWorkerRegistration[]};
   /** Source maps of scripts executed in the page. */
   SourceMaps: Array<Artifacts.SourceMap>;
   /** Information on detected tech stacks (e.g. JS libraries) used by the page. */
   Stacks: Artifacts.DetectedStack[];
-  /** Information on <script> and <link> tags blocking first paint. */
-  TagsBlockingFirstPaint: Artifacts.TagBlockingFirstPaint[];
-  /** Information about tap targets including their position and size. */
-  TapTargets: Artifacts.TapTarget[];
-  /** The primary trace taken over the entire run. */
-  Trace: Trace;
+  /** CSS stylesheets found on the page. */
+  Stylesheets: Artifacts.CSSStyleSheetInfo[];
   /** The trace if there was a page load error and Chrome navigated to a `chrome-error://` page. */
   TraceError: Trace;
   /** Elements associated with metrics (ie: Largest Contentful Paint element). */
   TraceElements: Artifacts.TraceElement[];
-  /** Parsed version of the page's Web App Manifest, or null if none found. */
-  WebAppManifest: Artifacts.Manifest | null;
   /** COMPAT: A set of traces, keyed by passName. */
   traces: {[passName: string]: Trace};
   /** COMPAT: A set of DevTools debugger protocol records, keyed by passName. */
@@ -197,6 +182,8 @@ declare module Artifacts {
     finalDisplayedUrl: string;
   }
 
+  type Rect = AuditDetails.Rect;
+
   interface NodeDetails {
     lhId: string,
     devtoolsNodePath: string,
@@ -251,16 +238,6 @@ declare module Artifacts {
     depth: NodeDetails & {max: number;};
   }
 
-  interface EmbeddedContentInfo {
-    tagName: string;
-    type: string | null;
-    src: string | null;
-    data: string | null;
-    code: string | null;
-    params: Array<{name: string; value: string}>;
-    node: Artifacts.NodeDetails;
-  }
-
   interface IFrameElement {
     /** The `id` attribute of the iframe. */
     id: string,
@@ -312,19 +289,6 @@ declare module Artifacts {
     content?: string;
   }
 
-  interface ScriptElement {
-    type: string | null
-    src: string | null
-    /** The `id` property of the script element; null if it had no `id` or if `source` is 'network'. */
-    id: string | null
-    async: boolean
-    defer: boolean
-    /** Details for node in DOM for the script element */
-    node: NodeDetails | null
-    /** Where the script was discovered, either in the head, the body, or network records. */
-    source: 'head'|'body'|'network'
-  }
-
   /** @see https://sourcemaps.info/spec.html#h.qz3o9nc69um5 */
   type RawSourceMap = {
     /** File version and must be a positive integer. */
@@ -450,10 +414,6 @@ declare module Artifacts {
   // TODO(bckenny): real type for parsed manifest.
   type Manifest = ReturnType<typeof parseManifest>;
 
-  interface InstallabilityErrors {
-    errors: Crdp.Page.InstallabilityError[];
-  }
-
   interface ImageElement {
     /** The resolved source URL of the image. Similar to `currentSrc`, but resolved for CSS images as well. */
     src: string;
@@ -541,36 +501,18 @@ declare module Artifacts {
     resourceSize: number;
   }
 
-  interface TagBlockingFirstPaint {
-    startTime: number;
-    endTime: number;
-    transferSize: number;
-    tag: {
-      tagName: 'LINK'|'SCRIPT';
-      /** The value of `HTMLLinkElement.href` or `HTMLScriptElement.src`. */
-      url: string;
-      /** A record of when changes to the `HTMLLinkElement.media` attribute occurred and if the new media type matched the page. */
-      mediaChanges?: Array<{href: string, media: string, msSinceHTMLEnd: number, matches: boolean}>;
-    };
-  }
-
-  type Rect = AuditDetails.Rect;
-
-  interface TapTarget {
-    node: NodeDetails;
-    href: string;
-    clientRects: Rect[];
-  }
-
   interface TraceElement {
-    traceEventType: 'largest-contentful-paint'|'layout-shift'|'layout-shift-element'|'animation'|'responsiveness';
+    traceEventType: 'largest-contentful-paint'|'layout-shift'|'animation'|'responsiveness';
     node: NodeDetails;
     nodeId: number;
     animations?: {name?: string, failureReasonsMask?: number, unsupportedProperties?: string[]}[];
     type?: string;
   }
 
-  type TraceEngineResult = TraceEngine.Handlers.Types.TraceParseData;
+  interface TraceEngineResult {
+    data: TraceEngine.Handlers.Types.EnabledHandlerDataWithMeta<EnabledHandlers>;
+    insights: TraceEngine.Insights.Types.TraceInsightData<EnabledHandlers>;
+  }
 
   interface TraceEngineRootCauses {
     layoutShifts: Record<number, LayoutShiftRootCausesData>;
@@ -615,25 +557,6 @@ declare module Artifacts {
     }
   }
 
-  type ManifestValueCheckID = 'hasStartUrl'|'hasIconsAtLeast144px'|'hasIconsAtLeast512px'|'fetchesIcon'|'hasPWADisplayValue'|'hasBackgroundColor'|'hasThemeColor'|'hasShortName'|'hasName'|'shortNameLength'|'hasMaskableIcon';
-
-  type ManifestValues = {
-    isParseFailure: false;
-    allChecks: {
-      id: ManifestValueCheckID;
-      failureText: string;
-      passing: boolean;
-    }[];
-  } | {
-    isParseFailure: true;
-    parseFailureReason: string;
-    allChecks: {
-      id: ManifestValueCheckID;
-      failureText: string;
-      passing: boolean;
-    }[];
-  }
-
   type MeasureEntry = LHResult.MeasureEntry;
 
   interface MetricComputationDataInput {
@@ -852,18 +775,6 @@ declare module Artifacts {
     node: NodeDetails;
   }
 
-  /** Information about an event listener registered on the global object. */
-  interface GlobalListener {
-    /** Event listener type, limited to those events currently of interest. */
-    type: 'pagehide'|'unload'|'visibilitychange';
-    /** The DevTools protocol script identifier. */
-    scriptId: string;
-    /** Line number in the script (0-based). */
-    lineNumber: number;
-    /** Column number in the script (0-based). */
-    columnNumber: number;
-  }
-
   /** Describes a generic console message. */
   interface BaseConsoleMessage {
     /**

package/types/audit.d.ts

@@ -117,16 +117,6 @@ declare module Audit {
 
   /** Type returned by Audit.audit(). Only score is required.  */
   type Product = NonNumericProduct | NumericProduct;
-
-  type MultiCheckAuditP1 = Partial<Record<Artifacts.ManifestValueCheckID, boolean>>;
-  type MultiCheckAuditP2 = Partial<Artifacts.ManifestValues>;
-  interface MultiCheckAuditP3 {
-    failures: Array<string>;
-    manifestValues?: undefined;
-    allChecks?: undefined;
-  }
-
-  type MultiCheckAuditDetails = MultiCheckAuditP1 & MultiCheckAuditP2 & MultiCheckAuditP3;
 }
 
 export default Audit;

package/types/config.d.ts

@@ -83,7 +83,6 @@ declare module Config {
     weight: number;
     group?: string;
     acronym?: string;
-    relevantAudits?: string[];
   }
 
   type Settings = ConfigSettings;

package/types/externs.d.ts

@@ -57,8 +57,6 @@ export interface CliFlags extends Flags {
   precomputedLanternDataPath?: string;
   /** Path to the file where precomputed lantern data should be written to. */
   lanternDataOutputPath?: string;
-  /** Path to the budget.json file for LightWallet. */
-  budgetPath?: string | null;
 
   // The following are given defaults in cli-flags, so are not optional like in Flags or SharedFlagsSettings.
   output: OutputMode[];

package/types/gatherer.d.ts

@@ -33,6 +33,7 @@ declare module Gatherer {
     once<TEvent extends keyof CrdpEvents>(event: TEvent, callback: (...args: CrdpEvents[TEvent]) => void): void;
     off<TEvent extends keyof CrdpEvents>(event: TEvent, callback: (...args: CrdpEvents[TEvent]) => void): void;
     sendCommand<TMethod extends keyof CrdpCommands>(method: TMethod, ...params: CrdpCommands[TMethod]['paramsType']): Promise<CrdpCommands[TMethod]['returnType']>;
+    sendCommandAndIgnore<TMethod extends keyof CrdpCommands>(method: TMethod, ...params: CrdpCommands[TMethod]['paramsType']): Promise<void>;
     dispose(): Promise<void>;
   }
 
@@ -48,6 +49,8 @@ declare module Gatherer {
       off(event: 'protocolevent', callback: (payload: Protocol.RawEventMessage) => void): void
     };
     networkMonitor: NetworkMonitor;
+    listenForCrashes: (() => void);
+    fatalRejection: {promise: Promise<never>, rej: (reason: Error) => void}
   }
 
   interface Context<TDependencies extends DependencyKey = DefaultDependenciesKey> {

package/types/internal/smokehouse.d.ts

@@ -33,7 +33,7 @@ declare global {
     }
 
     export interface TestDfn {
-      /** Identification of test. Can be used for group selection (e.g. `yarn smoke pwa` will run all tests with `id.includes('pwa')`). */
+      /** Identification of test. Can be used for group selection (e.g. `yarn smoke csp` will run all tests with `id.includes('csp')`). */
       id: string;
       /** Expected test results. */
       expectations: ExpectedRunnerResult;

package/types/lh.d.ts

@@ -7,7 +7,6 @@
 import {ArbitraryEqualityMap as ArbitraryEqualityMap_} from '../core/lib/arbitrary-equality-map.js';
 import * as Artifacts_ from './artifacts.js';
 import Audit_ from './audit.js';
-import Budget_ from './lhr/budget.js';
 import Config_ from './config.js';
 import {Protocol as _Crdp} from 'devtools-protocol/types/protocol.js';
 import {ProtocolMapping as _CrdpMappings} from 'devtools-protocol/types/protocol-mapping.js';
@@ -42,7 +41,6 @@ export import TraceCpuProfile = Artifacts_.TraceCpuProfile;
 export import TraceEvent = Artifacts_.TraceEvent;
 
 export import Audit = Audit_;
-export import Budget = Budget_;
 export import Config = Config_;
 export import Crdp = _Crdp;
 export import CrdpEvents = _CrdpMappings.Events;

package/types/lhr/audit-details.d.ts

@@ -9,10 +9,6 @@ import Treemap from './treemap.js';
 
 /** Common properties for all details types. */
 interface BaseDetails {
-  /** If present and audit is part of the performance category, audit is treated as an Opportunity. */
-  overallSavingsMs?: number;
-  /** Optional additional Opportunity information. */
-  overallSavingsBytes?: number;
   /** Additional information, usually used for including debug or meta information in the LHR */
   debugData?: Details.DebugData;
 }
@@ -85,6 +81,15 @@ declare module Details {
     isEntityGrouped?: boolean;
     /** Column keys to skip summing. If omitted, all column types supported are summed. */
     skipSumming?: Array<string>;
+    /**
+     * @deprecated
+     * Historically this represents the time saved on the entire page load. It's mostly used as an
+     * alias for `metricSavings.LCP` now. We recommend using `metricSavings` directly for more
+     * metric-specific savings estimates.
+     */
+    overallSavingsMs?: number;
+    /** Total byte savings covered by this audit. */
+    overallSavingsBytes?: number;
   }
 
   interface Screenshot extends BaseDetails {

package/types/lhr/lhr.d.ts

@@ -71,8 +71,6 @@ declare module Result {
     networkUserAgent: string;
     /** The benchmark index number that indicates rough device class. */
     benchmarkIndex: number;
-    /** Many benchmark indexes. */
-    benchmarkIndexes?: number[];
     /** The version of libraries with which these results were generated. Ex: axe-core. */
     credits?: Record<string, string|undefined>,
   }
@@ -116,8 +114,6 @@ declare module Result {
     group?: string;
     /** The conventional acronym for the audit/metric. */
     acronym?: string;
-    /** Any audit IDs closely relevant to this one. */
-    relevantAudits?: string[];
   }
 
   interface ReportGroup {

package/types/lhr/settings.d.ts

@@ -6,8 +6,6 @@
 
 import type {Protocol as Crdp} from 'devtools-protocol/types/protocol.js';
 
-import Budget from './budget.js';
-
 export type Locale = 'en-US'|'en'|'en-AU'|'en-GB'|'en-IE'|'en-SG'|'en-ZA'|'en-IN'|'ar-XB'|'ar'|'bg'|'ca'|'cs'|'da'|'de'|'el'|'en-XA'|'en-XL'|'es'|'es-419'|'es-AR'|'es-BO'|'es-BR'|'es-BZ'|'es-CL'|'es-CO'|'es-CR'|'es-CU'|'es-DO'|'es-EC'|'es-GT'|'es-HN'|'es-MX'|'es-NI'|'es-PA'|'es-PE'|'es-PR'|'es-PY'|'es-SV'|'es-US'|'es-UY'|'es-VE'|'fi'|'fil'|'fr'|'he'|'hi'|'hr'|'hu'|'gsw'|'id'|'in'|'it'|'iw'|'ja'|'ko'|'lt'|'lv'|'mo'|'nl'|'nb'|'no'|'pl'|'pt'|'pt-PT'|'ro'|'ru'|'sk'|'sl'|'sr'|'sr-Latn'|'sv'|'ta'|'te'|'th'|'tl'|'tr'|'uk'|'vi'|'zh'|'zh-HK'|'zh-TW';
 
 /** Simulation settings that control the amount of network & cpu throttling in the run. */
@@ -109,8 +107,6 @@ export type ScreenEmulationSettings = {
   channel?: string
   /** Precomputed lantern estimates to use instead of observed analysis. */
   precomputedLanternData?: PrecomputedLanternData | null;
-  /** The budget.json object for LightWallet. */
-  budgets?: Array<Budget> | null;
 
   /** The number of milliseconds to wait after FCP until the page should be considered loaded. */
   pauseAfterFcpMs?: number;

package/core/audits/accessibility/duplicate-id-active.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * @fileoverview Ensures every `id` attribute value of active, focusable elements is unique.
- * See base class in axe-audit.js for audit() implementation.
- */
-
-import AxeAudit from './axe-audit.js';
-import * as i18n from '../../lib/i18n/i18n.js';
-
-const UIStrings = {
-  /** Title of an accesibility audit that checks if there are any duplicate id HTML attributes on active, focusable elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
-  title: '`[id]` attributes on active, focusable elements are unique',
-  /** Title of an accesibility audit that checks if there are any duplicate id HTML attributes on active, focusable elements. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
-  failureTitle: '`[id]` attributes on active, focusable elements are not unique',
-  /** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
-  description: 'All focusable elements must have a unique `id` to ensure that they\'re visible to assistive technologies. [Learn how to fix duplicate `id`s](https://dequeuniversity.com/rules/axe/4.9/duplicate-id-active).',
-};
-
-const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
-
-class DuplicateIdActive extends AxeAudit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'duplicate-id-active',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['Accessibility'],
-    };
-  }
-}
-
-export default DuplicateIdActive;
-export {UIStrings};

package/core/audits/content-width.d.ts

@@ -1,17 +0,0 @@
-export default ContentWidth;
-declare class ContentWidth extends Audit {
-    /**
-     * @param {LH.Artifacts} artifacts
-     * @param {LH.Audit.Context} context
-     * @return {LH.Audit.Product}
-     */
-    static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): LH.Audit.Product;
-}
-export namespace UIStrings {
-    const title: string;
-    const failureTitle: string;
-    const description: string;
-    const explanation: string;
-}
-import { Audit } from './audit.js';
-//# sourceMappingURL=content-width.d.ts.map

package/core/audits/content-width.js

@@ -1,76 +0,0 @@
-/**
- * @license
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {Audit} from './audit.js';
-import * as i18n from '../lib/i18n/i18n.js';
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on the content size of a web site compared to the viewport, which is the size of the screen the site is displayed on. This descriptive title is shown to users when the site's content is sized appropriately. */
-  title: 'Content is sized correctly for the viewport',
-  /** Title of a Lighthouse audit that provides detail on the content size of a web site compared to the viewport, which is the size of the screen the site is displayed on. This descriptive title is shown to users when the site's content is not sized appropriately. */
-  failureTitle: 'Content is not sized correctly for the viewport',
-  /** Description of a Lighthouse audit that tells the user why they should care that a site's content size should match its viewport size, which is the size of the screen the site is displayed on. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
-  description: 'If the width of your app\'s content doesn\'t match the width ' +
-    'of the viewport, your app might not be optimized for mobile screens. ' +
-    '[Learn how to size content for the viewport](https://developer.chrome.com/docs/lighthouse/pwa/content-width/).',
-  /**
-   * @description Explanatory message stating that the viewport size and window size differ.
-   * @example {100} innerWidth
-   * @example {101} outerWidth
-   * */
-  explanation: 'The viewport size of {innerWidth}px does not match the window ' +
-    'size of {outerWidth}px.',
-};
-
-const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
-
-class ContentWidth extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'content-width',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['ViewportDimensions'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts, context) {
-    const viewportWidth = artifacts.ViewportDimensions.innerWidth;
-    const windowWidth = artifacts.ViewportDimensions.outerWidth;
-    const widthsMatch = viewportWidth === windowWidth;
-
-    if (context.settings.formFactor === 'desktop') {
-      return {
-        score: 1,
-        notApplicable: true,
-      };
-    }
-
-    let explanation;
-    if (!widthsMatch) {
-      explanation = str_(UIStrings.explanation,
-        {innerWidth: artifacts.ViewportDimensions.innerWidth,
-          outerWidth: artifacts.ViewportDimensions.outerWidth});
-    }
-
-    return {
-      score: Number(widthsMatch),
-      explanation,
-    };
-  }
-}
-
-export default ContentWidth;
-export {UIStrings};