lighthouse 9.5.0-dev.20220907 → 9.5.0-dev.20220907-2

package/core/audits/predictive-perf.js

@@ -6,11 +6,11 @@
 
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import LanternFcp from '../computed/metrics/lantern-first-contentful-paint.js';
-import LanternFmp from '../computed/metrics/lantern-first-meaningful-paint.js';
-import LanternInteractive from '../computed/metrics/lantern-interactive.js';
-import LanternSpeedIndex from '../computed/metrics/lantern-speed-index.js';
-import LanternLcp from '../computed/metrics/lantern-largest-contentful-paint.js';
+import {LanternFirstContentfulPaint} from '../computed/metrics/lantern-first-contentful-paint.js';
+import {LanternFirstMeaningfulPaint} from '../computed/metrics/lantern-first-meaningful-paint.js';
+import {LanternInteractive} from '../computed/metrics/lantern-interactive.js';
+import {LanternSpeedIndex} from '../computed/metrics/lantern-speed-index.js';
+import {LanternLargestContentfulPaint} from '../computed/metrics/lantern-largest-contentful-paint.js';
 
 // Parameters (in ms) for log-normal CDF scoring. To see the curve:
 //   https://www.desmos.com/calculator/bksgkihhj8
@@ -50,11 +50,11 @@ class PredictivePerf extends Audit {
     // @ts-expect-error - TODO(bckenny): allow optional `throttling` settings
     const settings = {}; // Use default settings.
     const computationData = {trace, devtoolsLog, gatherContext, settings, URL};
-    const fcp = await LanternFcp.request(computationData, context);
-    const fmp = await LanternFmp.request(computationData, context);
+    const fcp = await LanternFirstContentfulPaint.request(computationData, context);
+    const fmp = await LanternFirstMeaningfulPaint.request(computationData, context);
     const tti = await LanternInteractive.request(computationData, context);
     const si = await LanternSpeedIndex.request(computationData, context);
-    const lcp = await LanternLcp.request(computationData, context);
+    const lcp = await LanternLargestContentfulPaint.request(computationData, context);
 
     const values = {
       roughEstimateOfFCP: fcp.timing,

package/core/audits/preload-fonts.js

@@ -13,7 +13,7 @@ import {Audit} from './audit.js';
 import * as i18n from './../lib/i18n/i18n.js';
 import FontDisplay from './../audits/font-display.js';
 const PASSING_FONT_DISPLAY_REGEX = /^(optional)$/;
-import NetworkRecords from '../computed/network-records.js';
+import {NetworkRecords} from '../computed/network-records.js';
 
 const UIStrings = {
   /** Title of a Lighthouse audit that provides detail on whether fonts that used `font-display: optional` were preloaded. This descriptive title is shown to users when all fonts that used `font-display: optional` were preloaded. */

package/core/audits/preload-lcp-image.js

@@ -7,9 +7,9 @@
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
 import {NetworkRequest} from '../lib/network-request.js';
-import MainResource from '../computed/main-resource.js';
-import LanternLCP from '../computed/metrics/lantern-largest-contentful-paint.js';
-import LoadSimulator from '../computed/load-simulator.js';
+import {MainResource} from '../computed/main-resource.js';
+import {LanternLargestContentfulPaint} from '../computed/metrics/lantern-largest-contentful-paint.js';
+import {LoadSimulator} from '../computed/load-simulator.js';
 import {ByteEfficiencyAudit} from './byte-efficiency/byte-efficiency-audit.js';
 
 const UIStrings = {
@@ -225,7 +225,7 @@ class PreloadLCPImageAudit extends Audit {
 
     const [mainResource, lanternLCP, simulator] = await Promise.all([
       MainResource.request({devtoolsLog, URL}, context),
-      LanternLCP.request(metricData, context),
+      LanternLargestContentfulPaint.request(metricData, context),
       LoadSimulator.request({devtoolsLog, settings: context.settings}, context),
     ]);
 

package/core/audits/redirects.js

@@ -7,10 +7,10 @@
 import {Audit} from './audit.js';
 import {ByteEfficiencyAudit} from './byte-efficiency/byte-efficiency-audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import ProcessedTrace from '../computed/processed-trace.js';
-import NetworkRecords from '../computed/network-records.js';
-import MainResource from '../computed/main-resource.js';
-import LanternInteractive from '../computed/metrics/lantern-interactive.js';
+import {ProcessedTrace} from '../computed/processed-trace.js';
+import {NetworkRecords} from '../computed/network-records.js';
+import {MainResource} from '../computed/main-resource.js';
+import {LanternInteractive} from '../computed/metrics/lantern-interactive.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to eliminate the redirects taken through multiple URLs to load the page. This is shown in a list of audits that Lighthouse generates. */

package/core/audits/resource-summary.js

@@ -5,7 +5,7 @@
  */
 
 import {Audit} from './audit.js';
-import ComputedResourceSummary from '../computed/resource-summary.js';
+import {ResourceSummary as ComputedResourceSummary} from '../computed/resource-summary.js';
 import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {

package/core/audits/screenshot-thumbnails.js

@@ -8,7 +8,7 @@ import jpeg from 'jpeg-js';
 
 import {Audit} from './audit.js';
 import {LighthouseError} from '../lib/lh-error.js';
-import Speedline from '../computed/speedline.js';
+import {Speedline} from '../computed/speedline.js';
 
 const NUMBER_OF_THUMBNAILS = 10;
 const THUMBNAIL_WIDTH = 120;

package/core/audits/script-treemap-data.js

@@ -15,9 +15,9 @@
  */
 
 import {Audit} from './audit.js';
-import JsBundles from '../computed/js-bundles.js';
-import UnusedJavaScriptSummary from '../computed/unused-javascript-summary.js';
-import ModuleDuplication from '../computed/module-duplication.js';
+import {JSBundles} from '../computed/js-bundles.js';
+import {UnusedJavascriptSummary} from '../computed/unused-javascript-summary.js';
+import {ModuleDuplication} from '../computed/module-duplication.js';
 import {isInline} from '../lib/script-helpers.js';
 
 class ScriptTreemapDataAudit extends Audit {
@@ -167,7 +167,7 @@ class ScriptTreemapDataAudit extends Audit {
     const nodes = [];
     /** @type {Map<string, LH.Treemap.Node>} */
     const htmlNodesByFrameId = new Map();
-    const bundles = await JsBundles.request(artifacts, context);
+    const bundles = await JSBundles.request(artifacts, context);
     const duplicationByPath = await ModuleDuplication.request(artifacts, context);
 
     for (const script of artifacts.Scripts) {
@@ -178,7 +178,7 @@ class ScriptTreemapDataAudit extends Audit {
       const scriptCoverage = /** @type {LH.Artifacts['JsUsage'][string] | undefined} */
         (artifacts.JsUsage[script.scriptId]);
       const unusedJavascriptSummary = scriptCoverage ?
-        await UnusedJavaScriptSummary.request(
+        await UnusedJavascriptSummary.request(
           {scriptId: script.scriptId, scriptCoverage, bundle}, context) :
         undefined;
 

package/core/audits/seo/canonical.js

@@ -6,7 +6,7 @@
 
 import {Audit} from '../audit.js';
 import UrlUtils from '../../lib/url-utils.js';
-import MainResource from '../../computed/main-resource.js';
+import {MainResource} from '../../computed/main-resource.js';
 import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {

package/core/audits/seo/font-size.js

@@ -8,7 +8,7 @@
 
 import * as i18n from '../../lib/i18n/i18n.js';
 import {Audit} from '../audit.js';
-import ComputedViewportMeta from '../../computed/viewport-meta.js';
+import {ViewportMeta} from '../../computed/viewport-meta.js';
 
 const MINIMAL_PERCENTAGE_OF_LEGIBLE_TEXT = 60;
 
@@ -256,7 +256,7 @@ class FontSize extends Audit {
       };
     }
 
-    const viewportMeta = await ComputedViewportMeta.request(artifacts.MetaElements, context);
+    const viewportMeta = await ViewportMeta.request(artifacts.MetaElements, context);
     if (!viewportMeta.isMobileOptimized) {
       return {
         score: 0,

package/core/audits/seo/http-status-code.js

@@ -6,7 +6,7 @@
 
 import {Audit} from '../audit.js';
 import * as i18n from '../../lib/i18n/i18n.js';
-import MainResource from '../../computed/main-resource.js';
+import {MainResource} from '../../computed/main-resource.js';
 
 const HTTP_UNSUCCESSFUL_CODE_LOW = 400;
 const HTTP_UNSUCCESSFUL_CODE_HIGH = 599;

package/core/audits/seo/is-crawlable.js

@@ -7,7 +7,7 @@
 import robotsParser from 'robots-parser';
 
 import {Audit} from '../audit.js';
-import MainResource from '../../computed/main-resource.js';
+import {MainResource} from '../../computed/main-resource.js';
 import * as i18n from '../../lib/i18n/i18n.js';
 
 const BLOCKLIST = new Set([

package/core/audits/seo/tap-targets.js

@@ -10,7 +10,7 @@
  */
 
 import {Audit} from '../audit.js';
-import ComputedViewportMeta from '../../computed/viewport-meta.js';
+import {ViewportMeta} from '../../computed/viewport-meta.js';
 import {
   rectsTouchOrOverlap,
   getRectOverlapArea,
@@ -268,7 +268,7 @@ class TapTargets extends Audit {
       };
     }
 
-    const viewportMeta = await ComputedViewportMeta.request(artifacts.MetaElements, context);
+    const viewportMeta = await ViewportMeta.request(artifacts.MetaElements, context);
     if (!viewportMeta.isMobileOptimized) {
       return {
         score: 0,

package/core/audits/server-response-time.js

@@ -6,7 +6,7 @@
 
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import MainResource from '../computed/main-resource.js';
+import {MainResource} from '../computed/main-resource.js';
 
 const UIStrings = {
   /** Title of a diagnostic audit that provides detail on how long it took from starting a request to when the server started responding. This descriptive title is shown to users when the amount is acceptable and no user action is required. */

package/core/audits/splash-screen.js

@@ -5,7 +5,7 @@
  */
 
 import MultiCheckAudit from './multi-check-audit.js';
-import ManifestValues from '../computed/manifest-values.js';
+import {ManifestValues} from '../computed/manifest-values.js';
 import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {

package/core/audits/themed-omnibox.js

@@ -7,7 +7,7 @@
 import cssParsers from 'cssstyle/lib/parsers.js';
 
 import MultiCheckAudit from './multi-check-audit.js';
-import ManifestValues from '../computed/manifest-values.js';
+import {ManifestValues} from '../computed/manifest-values.js';
 import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {

package/core/audits/third-party-facades.js

@@ -22,9 +22,9 @@
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
 import thirdPartyWeb from '../lib/third-party-web.js';
-import NetworkRecords from '../computed/network-records.js';
-import MainResource from '../computed/main-resource.js';
-import MainThreadTasks from '../computed/main-thread-tasks.js';
+import {NetworkRecords} from '../computed/network-records.js';
+import {MainResource} from '../computed/main-resource.js';
+import {MainThreadTasks} from '../computed/main-thread-tasks.js';
 import ThirdPartySummary from './third-party-summary.js';
 
 const UIStrings = {

package/core/audits/third-party-summary.js

@@ -7,8 +7,8 @@
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
 import thirdPartyWeb from '../lib/third-party-web.js';
-import NetworkRecords from '../computed/network-records.js';
-import MainThreadTasks from '../computed/main-thread-tasks.js';
+import {NetworkRecords} from '../computed/network-records.js';
+import {MainThreadTasks} from '../computed/main-thread-tasks.js';
 import {getJavaScriptURLs, getAttributableURLForTask} from '../lib/tracehouse/task-summary.js';
 
 const UIStrings = {

package/core/audits/timing-budget.js

@@ -5,8 +5,8 @@
  */
 
 import {Audit} from './audit.js';
-import TimingSummary from '../computed/metrics/timing-summary.js';
-import MainResource from '../computed/main-resource.js';
+import {TimingSummary} from '../computed/metrics/timing-summary.js';
+import {MainResource} from '../computed/main-resource.js';
 import {Budget} from '../config/budget.js';
 import * as i18n from '../lib/i18n/i18n.js';
 

package/core/audits/user-timings.js

@@ -6,7 +6,7 @@
 
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import ComputedUserTimings from '../computed/user-timings.js';
+import {UserTimings as ComputedUserTimings} from '../computed/user-timings.js';
 
 const UIStrings = {
   /** Descriptive title of a diagnostic audit that provides details on any timestamps generated by the page. User Timing refers to the 'User Timing API', which enables a website to record specific times as 'marks', or spans of time as 'measures'. */

package/core/audits/uses-rel-preconnect.js

@@ -8,13 +8,13 @@ import {Audit} from './audit.js';
 import {ByteEfficiencyAudit} from './byte-efficiency/byte-efficiency-audit.js';
 import UrlUtils from '../lib/url-utils.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import NetworkRecords from '../computed/network-records.js';
-import MainResource from '../computed/main-resource.js';
-import LoadSimulator from '../computed/load-simulator.js';
-import ProcessedTrace from '../computed/processed-trace.js';
-import ProcessedNavigation from '../computed/processed-navigation.js';
-import PageDependencyGraph from '../computed/page-dependency-graph.js';
-import LanternLCP from '../computed/metrics/lantern-largest-contentful-paint.js';
+import {NetworkRecords} from '../computed/network-records.js';
+import {MainResource} from '../computed/main-resource.js';
+import {LoadSimulator} from '../computed/load-simulator.js';
+import {ProcessedTrace} from '../computed/processed-trace.js';
+import {ProcessedNavigation} from '../computed/processed-navigation.js';
+import {PageDependencyGraph} from '../computed/page-dependency-graph.js';
+import {LanternLargestContentfulPaint} from '../computed/metrics/lantern-largest-contentful-paint.js';
 
 // Preconnect establishes a "clean" socket. Chrome's socket manager will keep an unused socket
 // around for 10s. Meaning, the time delta between processing preconnect a request should be <10s,
@@ -125,7 +125,8 @@ class UsesRelPreconnectAudit extends Audit {
       ]);
 
     const {rtt, additionalRttByOrigin} = loadSimulator.getOptions();
-    const lcpGraph = await LanternLCP.getPessimisticGraph(pageGraph, processedNavigation);
+    const lcpGraph =
+      await LanternLargestContentfulPaint.getPessimisticGraph(pageGraph, processedNavigation);
     /** @type {Set<string>} */
     const lcpGraphURLs = new Set();
     lcpGraph.traverse(node => {

package/core/audits/uses-rel-preload.js

@@ -8,11 +8,11 @@ import UrlUtils from '../lib/url-utils.js';
 import {NetworkRequest} from '../lib/network-request.js';
 import {Audit} from './audit.js';
 import {ByteEfficiencyAudit} from './byte-efficiency/byte-efficiency-audit.js';
-import CriticalRequestChains from '../computed/critical-request-chains.js';
+import {CriticalRequestChains} from '../computed/critical-request-chains.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import MainResource from '../computed/main-resource.js';
-import PageDependencyGraph from '../computed/page-dependency-graph.js';
-import LoadSimulator from '../computed/load-simulator.js';
+import {MainResource} from '../computed/main-resource.js';
+import {PageDependencyGraph} from '../computed/page-dependency-graph.js';
+import {LoadSimulator} from '../computed/load-simulator.js';
 
 const UIStrings = {
   /** Imperative title of a Lighthouse audit that tells the user to use <link rel=preload> to initiate important network requests earlier during page load. This is displayed in a list of audit titles that Lighthouse generates. */

package/core/audits/viewport.js

@@ -5,7 +5,7 @@
  */
 
 import {Audit} from './audit.js';
-import ComputedViewportMeta from '../computed/viewport-meta.js';
+import {ViewportMeta} from '../computed/viewport-meta.js';
 import * as i18n from '../lib/i18n/i18n.js';
 
 const UIStrings = {
@@ -44,7 +44,7 @@ class Viewport extends Audit {
    * @return {Promise<LH.Audit.Product>}
    */
   static async audit(artifacts, context) {
-    const viewportMeta = await ComputedViewportMeta.request(artifacts.MetaElements, context);
+    const viewportMeta = await ViewportMeta.request(artifacts.MetaElements, context);
 
     if (!viewportMeta.hasViewportTag) {
       return {

package/core/audits/violation-audit.js

@@ -5,7 +5,7 @@
  */
 
 import {Audit} from './audit.js';
-import JsBundles from '../computed/js-bundles.js';
+import {JSBundles} from '../computed/js-bundles.js';
 
 class ViolationAudit extends Audit {
   /**
@@ -15,7 +15,7 @@ class ViolationAudit extends Audit {
    * @return {Promise<Array<{source: LH.Audit.Details.SourceLocationValue}>>}
    */
   static async getViolationResults(artifacts, context, pattern) {
-    const bundles = await JsBundles.request(artifacts, context);
+    const bundles = await JSBundles.request(artifacts, context);
 
     /**
      * @template T

package/core/audits/work-during-interaction.js

@@ -5,10 +5,10 @@
  */
 
 import {Audit} from './audit.js';
-import ComputedResponsivenes from '../computed/metrics/responsiveness.js';
-import ProcessedTrace from '../computed/processed-trace.js';
+import {Responsiveness} from '../computed/metrics/responsiveness.js';
+import {ProcessedTrace} from '../computed/processed-trace.js';
 import * as i18n from '../lib/i18n/i18n.js';
-import NetworkRecords from '../computed/network-records.js';
+import {NetworkRecords} from '../computed/network-records.js';
 import {MainThreadTasks} from '../lib/tracehouse/main-thread-tasks.js';
 import {taskGroups} from '../lib/tracehouse/task-groups.js';
 import {TraceProcessor} from '../lib/tracehouse/trace-processor.js';
@@ -229,7 +229,7 @@ class WorkDuringInteraction extends Audit {
 
     const trace = artifacts.traces[WorkDuringInteraction.DEFAULT_PASS];
     const metricData = {trace, settings};
-    const interactionEvent = await ComputedResponsivenes.request(metricData, context);
+    const interactionEvent = await Responsiveness.request(metricData, context);
     // If no interaction, diagnostic audit is n/a.
     if (interactionEvent === null) {
       return {score: null, notApplicable: true};

package/core/computed/critical-request-chains.js

@@ -6,8 +6,8 @@
 
 import {makeComputedArtifact} from './computed-artifact.js';
 import {NetworkRequest} from '../lib/network-request.js';
-import MainResource from './main-resource.js';
-import PageDependencyGraph from './page-dependency-graph.js';
+import {MainResource} from './main-resource.js';
+import {PageDependencyGraph} from './page-dependency-graph.js';
 
 class CriticalRequestChains {
   /**
@@ -138,4 +138,6 @@ class CriticalRequestChains {
   }
 }
 
-export default makeComputedArtifact(CriticalRequestChains, ['URL', 'devtoolsLog', 'trace']);
+const CriticalRequestChainsComputed =
+  makeComputedArtifact(CriticalRequestChains, ['URL', 'devtoolsLog', 'trace']);
+export {CriticalRequestChainsComputed as CriticalRequestChains};

package/core/computed/image-records.js

@@ -58,5 +58,7 @@ class ImageRecords {
   }
 }
 
-export default makeComputedArtifact(ImageRecords, ['ImageElements', 'networkRecords']);
+const ImageRecordsComputed =
+  makeComputedArtifact(ImageRecords, ['ImageElements', 'networkRecords']);
+export {ImageRecordsComputed as ImageRecords};
 

package/core/computed/js-bundles.js

@@ -116,4 +116,5 @@ class JSBundles {
   }
 }
 
-export default makeComputedArtifact(JSBundles, ['Scripts', 'SourceMaps']);
+const JSBundlesComputed = makeComputedArtifact(JSBundles, ['Scripts', 'SourceMaps']);
+export {JSBundlesComputed as JSBundles};

package/core/computed/load-simulator.js

@@ -7,7 +7,7 @@
 import {makeComputedArtifact} from './computed-artifact.js';
 import * as constants from '../config/constants.js';
 import {Simulator} from '../lib/dependency-graph/simulator/simulator.js';
-import NetworkAnalysis from './network-analysis.js';
+import {NetworkAnalysis} from './network-analysis.js';
 
 class LoadSimulator {
   /**
@@ -88,7 +88,5 @@ class LoadSimulator {
   }
 }
 
-// TODO(esmodules): For all computed artifacts:
-//   const LoadSimulatorComputed = makeComputedArtifact(LoadSimulator, ['devtoolsLog', 'settings']);
-//   export {LoadSimulator as LoadSimulatorComputed};
-export default makeComputedArtifact(LoadSimulator, ['devtoolsLog', 'settings']);
+const LoadSimulatorComputed = makeComputedArtifact(LoadSimulator, ['devtoolsLog', 'settings']);
+export {LoadSimulatorComputed as LoadSimulator};

package/core/computed/main-resource.js

@@ -6,7 +6,7 @@
 
 import {makeComputedArtifact} from './computed-artifact.js';
 import {NetworkAnalyzer} from '../lib/dependency-graph/simulator/network-analyzer.js';
-import NetworkRecords from './network-records.js';
+import {NetworkRecords} from './network-records.js';
 
 /**
  * @fileoverview This artifact identifies the main resource on the page. Current solution assumes
@@ -31,4 +31,5 @@ class MainResource {
   }
 }
 
-export default makeComputedArtifact(MainResource, ['URL', 'devtoolsLog']);
+const MainResourceComputed = makeComputedArtifact(MainResource, ['URL', 'devtoolsLog']);
+export {MainResourceComputed as MainResource};

package/core/computed/main-thread-tasks.js

@@ -6,7 +6,7 @@
 
 import {makeComputedArtifact} from './computed-artifact.js';
 import {MainThreadTasks as MainThreadTasks_} from '../lib/tracehouse/main-thread-tasks.js';
-import ProcessedTrace from './processed-trace.js';
+import {ProcessedTrace} from './processed-trace.js';
 
 class MainThreadTasks {
   /**
@@ -21,4 +21,5 @@ class MainThreadTasks {
   }
 }
 
-export default makeComputedArtifact(MainThreadTasks, null);
+const MainThreadTasksComputed = makeComputedArtifact(MainThreadTasks, null);
+export {MainThreadTasksComputed as MainThreadTasks};

package/core/computed/manifest-values.js

@@ -131,4 +131,6 @@ class ManifestValues {
   }
 }
 
-export default makeComputedArtifact(ManifestValues, ['InstallabilityErrors', 'WebAppManifest']);
+const ManifestValuesComputed =
+  makeComputedArtifact(ManifestValues, ['InstallabilityErrors', 'WebAppManifest']);
+export {ManifestValuesComputed as ManifestValues};

package/core/computed/metrics/cumulative-layout-shift.js

@@ -5,7 +5,7 @@
  */
 
 import {makeComputedArtifact} from '../computed-artifact.js';
-import ProcessedTrace from '../processed-trace.js';
+import {ProcessedTrace} from '../processed-trace.js';
 
 /** @typedef {{ts: number, isMainFrame: boolean, weightedScore: number}} LayoutShiftEvent */
 
@@ -121,4 +121,5 @@ class CumulativeLayoutShift {
   }
 }
 
-export default makeComputedArtifact(CumulativeLayoutShift, null);
+const CumulativeLayoutShiftComputed = makeComputedArtifact(CumulativeLayoutShift, null);
+export {CumulativeLayoutShiftComputed as CumulativeLayoutShift};

package/core/computed/metrics/first-contentful-paint-all-frames.js

@@ -5,7 +5,7 @@
  */
 
 import {makeComputedArtifact} from '../computed-artifact.js';
-import NavigationMetric from './navigation-metric.js';
+import {NavigationMetric} from './navigation-metric.js';
 
 class FirstContentfulPaintAllFrames extends NavigationMetric {
   /**
@@ -30,7 +30,8 @@ class FirstContentfulPaintAllFrames extends NavigationMetric {
   }
 }
 
-export default makeComputedArtifact(
+const FirstContentfulPaintAllFramesComputed = makeComputedArtifact(
   FirstContentfulPaintAllFrames,
   ['devtoolsLog', 'gatherContext', 'settings', 'simulator', 'trace', 'URL']
 );
+export {FirstContentfulPaintAllFramesComputed as FirstContentfulPaintAllFrames};

package/core/computed/metrics/first-contentful-paint.js

@@ -5,8 +5,8 @@
  */
 
 import {makeComputedArtifact} from '../computed-artifact.js';
-import NavigationMetric from './navigation-metric.js';
-import LanternFirstContentfulPaint from './lantern-first-contentful-paint.js';
+import {NavigationMetric} from './navigation-metric.js';
+import {LanternFirstContentfulPaint} from './lantern-first-contentful-paint.js';
 
 class FirstContentfulPaint extends NavigationMetric {
   /**
@@ -33,7 +33,8 @@ class FirstContentfulPaint extends NavigationMetric {
   }
 }
 
-export default makeComputedArtifact(
+const FirstContentfulPaintComputed = makeComputedArtifact(
   FirstContentfulPaint,
   ['devtoolsLog', 'gatherContext', 'settings', 'simulator', 'trace', 'URL']
 );
+export {FirstContentfulPaintComputed as FirstContentfulPaint};

package/core/computed/metrics/first-meaningful-paint.js

@@ -5,9 +5,9 @@
  */
 
 import {makeComputedArtifact} from '../computed-artifact.js';
-import NavigationMetric from './navigation-metric.js';
+import {NavigationMetric} from './navigation-metric.js';
 import {LighthouseError} from '../../lib/lh-error.js';
-import LanternFirstMeaningfulPaint from './lantern-first-meaningful-paint.js';
+import {LanternFirstMeaningfulPaint} from './lantern-first-meaningful-paint.js';
 
 class FirstMeaningfulPaint extends NavigationMetric {
   /**
@@ -37,7 +37,8 @@ class FirstMeaningfulPaint extends NavigationMetric {
   }
 }
 
-export default makeComputedArtifact(
+const FirstMeaningfulPaintComputed = makeComputedArtifact(
   FirstMeaningfulPaint,
   ['devtoolsLog', 'gatherContext', 'settings', 'simulator', 'trace', 'URL']
 );
+export {FirstMeaningfulPaintComputed as FirstMeaningfulPaint};

package/core/computed/metrics/interactive.js

@@ -5,8 +5,8 @@
  */
 
 import {makeComputedArtifact} from '../computed-artifact.js';
-import NavigationMetric from './navigation-metric.js';
-import LanternInteractive from './lantern-interactive.js';
+import {NavigationMetric} from './navigation-metric.js';
+import {LanternInteractive} from './lantern-interactive.js';
 import {NetworkMonitor} from '../../gather/driver/network-monitor.js';
 import {TraceProcessor} from '../../lib/tracehouse/trace-processor.js';
 import {LighthouseError} from '../../lib/lh-error.js';
@@ -179,10 +179,11 @@ class Interactive extends NavigationMetric {
   }
 }
 
-export default makeComputedArtifact(
+const InteractiveComputed = makeComputedArtifact(
   Interactive,
   ['devtoolsLog', 'gatherContext', 'settings', 'simulator', 'trace', 'URL']
 );
+export {InteractiveComputed as Interactive};
 
 /**
  * @typedef TimePeriod

package/core/computed/metrics/lantern-first-contentful-paint.js

@@ -5,7 +5,7 @@
  */
 
 import {makeComputedArtifact} from '../computed-artifact.js';
-import LanternMetric from './lantern-metric.js';
+import {LanternMetric} from './lantern-metric.js';
 import {BaseNode} from '../../lib/dependency-graph/base-node.js';
 
 /** @typedef {import('../../lib/dependency-graph/base-node.js').Node} Node */
@@ -197,7 +197,8 @@ class LanternFirstContentfulPaint extends LanternMetric {
   }
 }
 
-export default makeComputedArtifact(
+const LanternFirstContentfulPaintComputed = makeComputedArtifact(
   LanternFirstContentfulPaint,
   ['devtoolsLog', 'gatherContext', 'settings', 'simulator', 'trace', 'URL']
 );
+export {LanternFirstContentfulPaintComputed as LanternFirstContentfulPaint};