lighthouse 9.5.0-dev.20220711 → 9.5.0-dev.20220714

package/lighthouse-core/audits/bootup-time.js

@@ -5,12 +5,12 @@
  */
 'use strict';
 
-const Audit = require('./audit.js');
-const {taskGroups} = require('../lib/tracehouse/task-groups.js');
-const i18n = require('../lib/i18n/i18n.js');
-const NetworkRecords = require('../computed/network-records.js');
-const MainThreadTasks = require('../computed/main-thread-tasks.js');
-const {getExecutionTimingsByURL} = require('../lib/tracehouse/task-summary.js');
+import {Audit} from './audit.js';
+import {taskGroups} from '../lib/tracehouse/task-groups.js';
+import * as i18n from '../lib/i18n/i18n.js';
+import NetworkRecords from '../computed/network-records.js';
+import MainThreadTasks from '../computed/main-thread-tasks.js';
+import {getExecutionTimingsByURL} from '../lib/tracehouse/task-summary.js';
 
 const UIStrings = {
   /** Title of a diagnostic audit that provides detail on the time spent executing javascript files during the load. This descriptive title is shown to users when the amount is acceptable and no user action is required. */
@@ -32,7 +32,7 @@ const UIStrings = {
     'Try auditing the page in incognito mode or from a Chrome profile without extensions.',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class BootupTime extends Audit {
   /**
@@ -148,5 +148,5 @@ class BootupTime extends Audit {
   }
 }
 
-module.exports = BootupTime;
-module.exports.UIStrings = UIStrings;
+export default BootupTime;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/byte-efficiency-audit.js

@@ -5,17 +5,17 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const linearInterpolation = require('../../lib/statistics.js').linearInterpolation;
-const Interactive = require('../../computed/metrics/lantern-interactive.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const NetworkRecords = require('../../computed/network-records.js');
-const LoadSimulator = require('../../computed/load-simulator.js');
-const PageDependencyGraph = require('../../computed/page-dependency-graph.js');
+import {Audit} from '../audit.js';
+import {linearInterpolation} from '../../lib/statistics.js';
+import Interactive from '../../computed/metrics/lantern-interactive.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import NetworkRecords from '../../computed/network-records.js';
+import LoadSimulator from '../../computed/load-simulator.js';
+import PageDependencyGraph from '../../computed/page-dependency-graph.js';
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, {});
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, {});
 
-/** @typedef {import('../../lib/dependency-graph/simulator/simulator')} Simulator */
+/** @typedef {import('../../lib/dependency-graph/simulator/simulator').Simulator} Simulator */
 /** @typedef {import('../../lib/dependency-graph/base-node.js').Node} Node */
 
 const WASTED_MS_FOR_AVERAGE = 300;
@@ -36,7 +36,7 @@ const WASTED_MS_FOR_SCORE_OF_ZERO = 5000;
  * @overview Used as the base for all byte efficiency audits. Computes total bytes
  *    and estimated time saved. Subclass and override `audit_` to return results.
  */
-class UnusedBytes extends Audit {
+class ByteEfficiencyAudit extends Audit {
   /**
    * Creates a score based on the wastedMs value using linear interpolation between control points.
    *
@@ -236,7 +236,7 @@ class UnusedBytes extends Audit {
       displayValue,
       numericValue: wastedMs,
       numericUnit: 'millisecond',
-      score: UnusedBytes.scoreForWastedMs(wastedMs),
+      score: ByteEfficiencyAudit.scoreForWastedMs(wastedMs),
       details,
     };
   }
@@ -256,4 +256,4 @@ class UnusedBytes extends Audit {
   /* eslint-enable no-unused-vars */
 }
 
-module.exports = UnusedBytes;
+export {ByteEfficiencyAudit};

package/lighthouse-core/audits/byte-efficiency/duplicated-javascript.js

@@ -9,10 +9,11 @@
 /** @typedef {LH.Audit.ByteEfficiencyItem & {source: string, subItems: {type: 'subitems', items: SubItem[]}}} Item */
 /** @typedef {{url: string, sourceTransferBytes?: number}} SubItem */
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const ModuleDuplication = require('../../computed/module-duplication.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const {getRequestForScript} = require('../../lib/script-helpers.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+
+import ModuleDuplication from '../../computed/module-duplication.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import {getRequestForScript} from '../../lib/script-helpers.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to remove duplicate JavaScript from their code. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -24,7 +25,7 @@ const UIStrings = {
   // '[Learn more](https://web.dev/duplicated-javascript/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const IGNORE_THRESHOLD_IN_BYTES = 1024;
 
@@ -123,7 +124,7 @@ class DuplicatedJavascript extends ByteEfficiencyAudit {
    * @param {LH.Artifacts} artifacts
    * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
    * @param {LH.Audit.Context} context
-   * @return {Promise<ByteEfficiencyAudit.ByteEfficiencyProduct>}
+   * @return {Promise<ByteEfficiencyProduct>}
    */
   static async audit_(artifacts, networkRecords, context) {
     const ignoreThresholdInBytes =
@@ -244,5 +245,5 @@ class DuplicatedJavascript extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = DuplicatedJavascript;
-module.exports.UIStrings = UIStrings;
+export default DuplicatedJavascript;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/efficient-animated-content.js

@@ -8,9 +8,9 @@
  */
 'use strict';
 
-const NetworkRequest = require('../../lib/network-request.js');
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {NetworkRequest} from '../../lib/network-request.js';
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to use video formats rather than animated GIFs, which are wasteful. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -21,7 +21,7 @@ const UIStrings = {
     'network bytes. [Learn more](https://web.dev/efficient-animated-content/)',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 // If GIFs are above this size, we'll flag them
 // See https://github.com/GoogleChrome/lighthouse/pull/4885#discussion_r178406623 and https://github.com/GoogleChrome/lighthouse/issues/4696#issuecomment-370979920
@@ -54,7 +54,7 @@ class EfficientAnimatedContent extends ByteEfficiencyAudit {
   /**
    * @param {LH.Artifacts} artifacts
    * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {ByteEfficiencyAudit.ByteEfficiencyProduct}
+   * @return {import('./byte-efficiency-audit.js').ByteEfficiencyProduct}
    */
   static audit_(artifacts, networkRecords) {
     const unoptimizedContent = networkRecords.filter(
@@ -88,5 +88,5 @@ class EfficientAnimatedContent extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = EfficientAnimatedContent;
-module.exports.UIStrings = UIStrings;
+export default EfficientAnimatedContent;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/legacy-javascript.js

@@ -18,11 +18,21 @@
 /** @typedef {LH.Audit.ByteEfficiencyItem & {subItems: {type: 'subitems', items: SubItem[]}}} Item */
 /** @typedef {{signal: string, location: LH.Audit.Details.SourceLocationValue}} SubItem */
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const JsBundles = require('../../computed/js-bundles.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const thirdPartyWeb = require('../../lib/third-party-web.js');
-const {getRequestForScript} = require('../../lib/script-helpers.js');
+import fs from 'fs';
+
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+
+import JsBundles from '../../computed/js-bundles.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import thirdPartyWeb from '../../lib/third-party-web.js';
+import {getRequestForScript} from '../../lib/script-helpers.js';
+import {LH_ROOT} from '../../../root.js';
+
+const graphJson = fs.readFileSync(
+  `${LH_ROOT}/lighthouse-core/audits/byte-efficiency/polyfill-graph-data.json`, 'utf-8');
+
+/** @type {import('../../scripts/legacy-javascript/create-polyfill-size-estimation.js').PolyfillSizeEstimator} */
+const graph = JSON.parse(graphJson);
 
 const UIStrings = {
   /** Title of a Lighthouse audit that tells the user about legacy polyfills and transforms used on the page. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -33,7 +43,7 @@ const UIStrings = {
   description: 'Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren\'t necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. [Learn More](https://web.dev/publish-modern-javascript/)',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * Takes a list of patterns (consisting of a name identifier and a RegExp expression string)
@@ -327,8 +337,6 @@ class LegacyJavascript extends ByteEfficiencyAudit {
     const transformResults = matches.filter(m => m.name.startsWith('@'));
 
     let estimatedWastedBytesFromPolyfills = 0;
-    /** @type {import('../../scripts/legacy-javascript/create-polyfill-size-estimation.js').PolyfillSizeEstimator} */
-    const graph = require('./polyfill-graph-data.json');
     const modulesSeen = new Set();
     for (const result of polyfillResults) {
       const modules = graph.dependencies[result.name];
@@ -466,5 +474,5 @@ class LegacyJavascript extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = LegacyJavascript;
-module.exports.UIStrings = UIStrings;
+export default LegacyJavascript;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/modern-image-formats.js

@@ -8,9 +8,9 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const URL = require('../../lib/url-shim.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import URL from '../../lib/url-shim.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to serve images in newer and more efficient image formats in order to enhance the performance of a page. A non-modern image format was designed 20+ years ago. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -21,7 +21,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/uses-webp-images/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const IGNORE_THRESHOLD_IN_BYTES = 8192;
 
@@ -89,7 +89,7 @@ class ModernImageFormats extends ByteEfficiencyAudit {
 
   /**
    * @param {LH.Artifacts} artifacts
-   * @return {ByteEfficiencyAudit.ByteEfficiencyProduct}
+   * @return {import('./byte-efficiency-audit.js').ByteEfficiencyProduct}
    */
   static audit_(artifacts) {
     const pageURL = artifacts.URL.finalUrl;
@@ -182,5 +182,5 @@ class ModernImageFormats extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = ModernImageFormats;
-module.exports.UIStrings = UIStrings;
+export default ModernImageFormats;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/offscreen-images.js

@@ -9,13 +9,13 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const NetworkRequest = require('../../lib/network-request.js');
-const Sentry = require('../../lib/sentry.js');
-const URL = require('../../lib/url-shim.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const Interactive = require('../../computed/metrics/interactive.js');
-const ProcessedTrace = require('../../computed/processed-trace.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import {NetworkRequest} from '../../lib/network-request.js';
+import {Sentry} from '../../lib/sentry.js';
+import URL from '../../lib/url-shim.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import Interactive from '../../computed/metrics/interactive.js';
+import ProcessedTrace from '../../computed/processed-trace.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to defer loading offscreen images. Offscreen images are images located outside of the visible browser viewport. As they are unseen by the user and slow down page load, they should be loaded later, closer to when the user is going to see them. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -27,7 +27,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/offscreen-images/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 // See https://github.com/GoogleChrome/lighthouse/issues/10471 for discussion about the thresholds here.
 const ALLOWABLE_OFFSCREEN_IN_PX = 100;
@@ -174,7 +174,7 @@ class OffscreenImages extends ByteEfficiencyAudit {
    * @param {LH.Artifacts} artifacts
    * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
    * @param {LH.Audit.Context} context
-   * @return {Promise<ByteEfficiencyAudit.ByteEfficiencyProduct>}
+   * @return {Promise<import('./byte-efficiency-audit.js').ByteEfficiencyProduct>}
    */
   static async audit_(artifacts, networkRecords, context) {
     const images = artifacts.ImageElements;
@@ -249,5 +249,5 @@ class OffscreenImages extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = OffscreenImages;
-module.exports.UIStrings = UIStrings;
+export default OffscreenImages;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/render-blocking-resources.js

@@ -9,18 +9,18 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const BaseNode = require('../../lib/dependency-graph/base-node.js');
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const UnusedCSS = require('../../computed/unused-css.js');
-const NetworkRequest = require('../../lib/network-request.js');
-const ProcessedTrace = require('../../computed/processed-trace.js');
-const ProcessedNavigation = require('../../computed/processed-navigation.js');
-const LoadSimulator = require('../../computed/load-simulator.js');
-const FirstContentfulPaint = require('../../computed/metrics/first-contentful-paint.js');
-
-/** @typedef {import('../../lib/dependency-graph/simulator/simulator')} Simulator */
+import {Audit} from '../audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import {BaseNode} from '../../lib/dependency-graph/base-node.js';
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import UnusedCSS from '../../computed/unused-css.js';
+import {NetworkRequest} from '../../lib/network-request.js';
+import ProcessedTrace from '../../computed/processed-trace.js';
+import ProcessedNavigation from '../../computed/processed-navigation.js';
+import LoadSimulator from '../../computed/load-simulator.js';
+import FirstContentfulPaint from '../../computed/metrics/first-contentful-paint.js';
+
+/** @typedef {import('../../lib/dependency-graph/simulator/simulator').Simulator} Simulator */
 /** @typedef {import('../../lib/dependency-graph/base-node.js').Node} Node */
 /** @typedef {import('../../lib/dependency-graph/network-node.js')} NetworkNode */
 
@@ -39,7 +39,7 @@ const UIStrings = {
     'JS/styles. [Learn more](https://web.dev/render-blocking-resources/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 /**
  * Given a simulation's nodeTimings, return an object with the nodes/timing keyed by network URL
@@ -304,5 +304,5 @@ class RenderBlockingResources extends Audit {
   }
 }
 
-module.exports = RenderBlockingResources;
-module.exports.UIStrings = UIStrings;
+export default RenderBlockingResources;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/total-byte-weight.js

@@ -5,10 +5,10 @@
  */
 'use strict';
 
-const Audit = require('../audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const NetworkRequest = require('../../lib/network-request.js');
-const NetworkRecords = require('../../computed/network-records.js');
+import {Audit} from '../audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import {NetworkRequest} from '../../lib/network-request.js';
+import NetworkRecords from '../../computed/network-records.js';
 
 const UIStrings = {
   /** Title of a diagnostic audit that provides detail on large network resources required during page load. 'Payloads' is roughly equivalent to 'resources'. This descriptive title is shown to users when the amount is acceptable and no user action is required. */
@@ -24,7 +24,7 @@ const UIStrings = {
   displayValue: 'Total size was {totalBytes, number, bytes}\xa0KiB',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class TotalByteWeight extends Audit {
   /**
@@ -107,5 +107,5 @@ class TotalByteWeight extends Audit {
   }
 }
 
-module.exports = TotalByteWeight;
-module.exports.UIStrings = UIStrings;
+export default TotalByteWeight;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/unminified-css.js

@@ -5,10 +5,10 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const UnusedCSS = require('../../computed/unused-css.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const computeTokenLength = require('../../lib/minification-estimator.js').computeCSSTokenLength;
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import UnusedCSS from '../../computed/unused-css.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import {computeCSSTokenLength as computeTokenLength} from '../../lib/minification-estimator.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to minify (remove whitespace) the page's CSS code. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -18,7 +18,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/unminified-css/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const IGNORE_THRESHOLD_IN_PERCENT = 5;
 const IGNORE_THRESHOLD_IN_BYTES = 2048;
@@ -81,7 +81,7 @@ class UnminifiedCSS extends ByteEfficiencyAudit {
   /**
    * @param {LH.Artifacts} artifacts
    * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {ByteEfficiencyAudit.ByteEfficiencyProduct}
+   * @return {import('./byte-efficiency-audit.js').ByteEfficiencyProduct}
    */
   static audit_(artifacts, networkRecords) {
     const items = [];
@@ -111,5 +111,5 @@ class UnminifiedCSS extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = UnminifiedCSS;
-module.exports.UIStrings = UIStrings;
+export default UnminifiedCSS;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/unminified-javascript.js

@@ -5,10 +5,10 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const computeTokenLength = require('../../lib/minification-estimator.js').computeJSTokenLength;
-const {getRequestForScript, isInline} = require('../../lib/script-helpers.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import {computeJSTokenLength as computeTokenLength} from '../../lib/minification-estimator.js';
+import {getRequestForScript, isInline} from '../../lib/script-helpers.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to minify the page’s JS code to reduce file size. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -18,7 +18,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/unminified-javascript/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const IGNORE_THRESHOLD_IN_PERCENT = 10;
 const IGNORE_THRESHOLD_IN_BYTES = 2048;
@@ -73,7 +73,7 @@ class UnminifiedJavaScript extends ByteEfficiencyAudit {
   /**
    * @param {LH.Artifacts} artifacts
    * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {ByteEfficiencyAudit.ByteEfficiencyProduct}
+   * @return {import('./byte-efficiency-audit.js').ByteEfficiencyProduct}
    */
   static audit_(artifacts, networkRecords) {
     /** @type {Array<LH.Audit.ByteEfficiencyItem>} */
@@ -115,5 +115,5 @@ class UnminifiedJavaScript extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = UnminifiedJavaScript;
-module.exports.UIStrings = UIStrings;
+export default UnminifiedJavaScript;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/unused-css-rules.js

@@ -5,9 +5,9 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const UnusedCSS = require('../../computed/unused-css.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import UnusedCSS from '../../computed/unused-css.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to reduce content from their CSS that isn’t needed immediately and instead load that content at a later time. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -18,7 +18,7 @@ const UIStrings = {
     '[Learn more](https://web.dev/unused-css-rules/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 // Allow 10KiB of unused CSS to permit `:hover` and other styles not used on a non-interactive load.
 // @see https://github.com/GoogleChrome/lighthouse/issues/9353 for more discussion.
@@ -42,7 +42,7 @@ class UnusedCSSRules extends ByteEfficiencyAudit {
    * @param {LH.Artifacts} artifacts
    * @param {LH.Artifacts.NetworkRequest[]} _
    * @param {LH.Audit.Context} context
-   * @return {Promise<ByteEfficiencyAudit.ByteEfficiencyProduct>}
+   * @return {Promise<import('./byte-efficiency-audit.js').ByteEfficiencyProduct>}
    */
   static async audit_(artifacts, _, context) {
     const unusedCssItems = await UnusedCSS.request({
@@ -66,5 +66,5 @@ class UnusedCSSRules extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = UnusedCSSRules;
-module.exports.UIStrings = UIStrings;
+export default UnusedCSSRules;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/unused-javascript.js

@@ -5,11 +5,11 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const UnusedJavaScriptSummary = require('../../computed/unused-javascript-summary.js');
-const JsBundles = require('../../computed/js-bundles.js');
-const i18n = require('../../lib/i18n/i18n.js');
-const {getRequestForScript} = require('../../lib/script-helpers.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import UnusedJavaScriptSummary from '../../computed/unused-javascript-summary.js';
+import JsBundles from '../../computed/js-bundles.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import {getRequestForScript} from '../../lib/script-helpers.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to reduce JavaScript that is never evaluated during page load. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -19,7 +19,7 @@ const UIStrings = {
     'decrease bytes consumed by network activity. [Learn more](https://web.dev/unused-javascript/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const UNUSED_BYTES_IGNORE_THRESHOLD = 20 * 1024;
 const UNUSED_BYTES_IGNORE_BUNDLE_SOURCE_THRESHOLD = 512;
@@ -77,7 +77,7 @@ class UnusedJavaScript extends ByteEfficiencyAudit {
    * @param {LH.Artifacts} artifacts
    * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
    * @param {LH.Audit.Context} context
-   * @return {Promise<ByteEfficiencyAudit.ByteEfficiencyProduct>}
+   * @return {Promise<import('./byte-efficiency-audit.js').ByteEfficiencyProduct>}
    */
   static async audit_(artifacts, networkRecords, context) {
     const bundles = await JsBundles.request(artifacts, context);
@@ -160,5 +160,5 @@ class UnusedJavaScript extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = UnusedJavaScript;
-module.exports.UIStrings = UIStrings;
+export default UnusedJavaScript;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/uses-long-cache-ttl.js

@@ -5,13 +5,13 @@
  */
 'use strict';
 
-const parseCacheControl = require('parse-cache-control');
-const Audit = require('../audit.js');
-const NetworkRequest = require('../../lib/network-request.js');
-const URL = require('../../lib/url-shim.js');
-const linearInterpolation = require('../../lib/statistics.js').linearInterpolation;
-const i18n = require('../../lib/i18n/i18n.js');
-const NetworkRecords = require('../../computed/network-records.js');
+import parseCacheControl from 'parse-cache-control';
+import {Audit} from '../audit.js';
+import {NetworkRequest} from '../../lib/network-request.js';
+import URL from '../../lib/url-shim.js';
+import {linearInterpolation} from '../../lib/statistics.js';
+import * as i18n from '../../lib/i18n/i18n.js';
+import NetworkRecords from '../../computed/network-records.js';
 
 const UIStrings = {
   /** Title of a diagnostic audit that provides detail on the cache policy applies to the page's static assets. Cache refers to browser disk cache, which keeps old versions of network resources around for future use. This is displayed in a list of audit titles that Lighthouse generates. */
@@ -29,7 +29,7 @@ const UIStrings = {
     }`,
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 // Ignore assets that have very high likelihood of cache hit
 const IGNORE_THRESHOLD_IN_PERCENT = 0.925;
@@ -294,5 +294,5 @@ class CacheHeaders extends Audit {
   }
 }
 
-module.exports = CacheHeaders;
-module.exports.UIStrings = UIStrings;
+export default CacheHeaders;
+export {UIStrings};

package/lighthouse-core/audits/byte-efficiency/uses-optimized-images.js

@@ -9,9 +9,9 @@
  */
 'use strict';
 
-const ByteEfficiencyAudit = require('./byte-efficiency-audit.js');
-const URL = require('../../lib/url-shim.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import {ByteEfficiencyAudit} from './byte-efficiency-audit.js';
+import URL from '../../lib/url-shim.js';
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to encode images with optimization (better compression). This is displayed in a list of audit titles that Lighthouse generates. */
@@ -21,7 +21,7 @@ const UIStrings = {
   '[Learn more](https://web.dev/uses-optimized-images/).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 const IGNORE_THRESHOLD_IN_BYTES = 4096;
 
@@ -66,7 +66,7 @@ class UsesOptimizedImages extends ByteEfficiencyAudit {
 
   /**
    * @param {LH.Artifacts} artifacts
-   * @return {ByteEfficiencyAudit.ByteEfficiencyProduct}
+   * @return {import('./byte-efficiency-audit.js').ByteEfficiencyProduct}
    */
   static audit_(artifacts) {
     const pageURL = artifacts.URL.finalUrl;
@@ -141,5 +141,5 @@ class UsesOptimizedImages extends ByteEfficiencyAudit {
   }
 }
 
-module.exports = UsesOptimizedImages;
-module.exports.UIStrings = UIStrings;
+export default UsesOptimizedImages;
+export {UIStrings};