lighthouse 9.6.8 → 10.0.0-dev.20230210

package/lighthouse-core/audits/is-on-https.js

@@ -1,125 +0,0 @@
-/**
- * @license Copyright 2016 The Lighthouse Authors. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
- */
-'use strict';
-
-const Audit = require('./audit.js');
-const URL = require('../lib/url-shim.js');
-const NetworkRequest = require('../lib/network-request.js');
-const NetworkRecords = require('../computed/network-records.js');
-const i18n = require('../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on the useage of HTTPS on a page. This descriptive title is shown to users when all requests on a page are fufilled using HTTPS. */
-  title: 'Uses HTTPS',
-  /** Title of a Lighthouse audit that provides detail on the useage of HTTPS on a page. This descriptive title is shown to users when some, or all, requests on the page use HTTP instead of HTTPS. */
-  failureTitle: 'Does not use HTTPS',
-  /** Description of a Lighthouse audit that tells the user *why* HTTPS use *for all resources* is important. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
-  description: 'All sites should be protected with HTTPS, even ones that don\'t handle ' +
-      'sensitive data. This includes avoiding [mixed content](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content), ' +
-      'where some resources are loaded over HTTP despite the initial request being served ' +
-      'over HTTPS. HTTPS prevents intruders from tampering with or passively listening ' +
-      'in on the communications between your app and your users, and is a prerequisite for ' +
-      'HTTP/2 and many new web platform APIs. ' +
-      '[Learn more](https://web.dev/is-on-https/).',
-  /** [ICU Syntax] Label identifying the number of insecure network requests found by an audit of a web page. */
-  displayValue: `{itemCount, plural,
-    =1 {1 insecure request found}
-    other {# insecure requests found}
-    }`,
-  /** Label for a column in a data table; entries in the column will be the URLs of insecure (non-HTTPS) network requests. */
-  columnInsecureURL: 'Insecure URL',
-  /** Label for a column in a data table; entries in the column will be how the browser handled insecure (non-HTTPS) network requests. */
-  columnResolution: 'Request Resolution',
-  /** Value for the resolution column in a data table; denotes that the insecure URL was allowed by the browser. */
-  allowed: 'Allowed',
-  /** Value for the resolution column in a data table; denotes that the insecure URL was blocked by the browser. */
-  blocked: 'Blocked',
-  /** Value for the resolution column in a data table; denotes that the insecure URL may be blocked by the browser in the future. */
-  warning: 'Allowed with warning',
-  /** Value for the resolution column in a data table; denotes that the insecure URL was upgraded to a secure request by the browser. */
-  upgraded: 'Automatically upgraded to HTTPS',
-};
-
-const resolutionToString = {
-  MixedContentAutomaticallyUpgraded: UIStrings.upgraded,
-  MixedContentBlocked: UIStrings.blocked,
-  MixedContentWarning: UIStrings.warning,
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-
-class HTTPS extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'is-on-https',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['devtoolsLogs', 'InspectorIssues'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static audit(artifacts, context) {
-    const devtoolsLogs = artifacts.devtoolsLogs[Audit.DEFAULT_PASS];
-    return NetworkRecords.request(devtoolsLogs, context).then(networkRecords => {
-      const insecureURLs = networkRecords
-          .filter(record => !NetworkRequest.isSecureRequest(record))
-          .map(record => URL.elideDataURI(record.url));
-
-      /** @type {Array<{url: string, resolution?: LH.IcuMessage|string}>}  */
-      const items = Array.from(new Set(insecureURLs)).map(url => ({url, resolution: undefined}));
-
-      /** @type {LH.Audit.Details.Table['headings']} */
-      const headings = [
-        {key: 'url', itemType: 'url', text: str_(UIStrings.columnInsecureURL)},
-        {key: 'resolution', itemType: 'text', text: str_(UIStrings.columnResolution)},
-      ];
-
-      for (const details of artifacts.InspectorIssues.mixedContentIssue) {
-        let item = items.find(item => item.url === details.insecureURL);
-        if (!item) {
-          item = {url: details.insecureURL};
-          items.push(item);
-        }
-        item.resolution = resolutionToString[details.resolutionStatus] ?
-          str_(resolutionToString[details.resolutionStatus]) :
-          details.resolutionStatus;
-      }
-
-      // If a resolution wasn't assigned from an InspectorIssue, then the item
-      // is not blocked by the browser but we've determined it is insecure anyhow.
-      // For example, if the URL is localhost, all `http` requests are valid
-      // (localhost is a secure context), but we still identify `http` requests
-      // as an "Allowed" insecure URL.
-      for (const item of items) {
-        if (!item.resolution) item.resolution = str_(UIStrings.allowed);
-      }
-
-      let displayValue;
-      if (items.length > 0) {
-        displayValue = str_(UIStrings.displayValue, {itemCount: items.length});
-      }
-
-      return {
-        score: Number(items.length === 0),
-        displayValue,
-        details: Audit.makeTableDetails(headings, items),
-      };
-    });
-  }
-}
-
-module.exports = HTTPS;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/largest-contentful-paint-element.js

@@ -1,70 +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';
-
-const Audit = require('./audit.js');
-const i18n = require('../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Descriptive title of a diagnostic audit that provides the element that was determined to be the Largest Contentful Paint. */
-  title: 'Largest Contentful Paint element',
-  /** Description of a Lighthouse audit that tells the user that the element shown was determined to be the Largest Contentful Paint. */
-  description: 'This is the largest contentful element painted within the viewport. ' +
-    '[Learn More](https://web.dev/lighthouse-largest-contentful-paint/)',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class LargestContentfulPaintElement extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'largest-contentful-paint-element',
-      title: str_(UIStrings.title),
-      description: str_(UIStrings.description),
-      scoreDisplayMode: Audit.SCORING_MODES.INFORMATIVE,
-      supportedModes: ['navigation'],
-      requiredArtifacts: ['traces', 'TraceElements'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts) {
-    const lcpElement = artifacts.TraceElements
-      .find(element => element.traceEventType === 'largest-contentful-paint');
-    const lcpElementDetails = [];
-    if (lcpElement) {
-      lcpElementDetails.push({
-        node: Audit.makeNodeItem(lcpElement.node),
-      });
-    }
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'node', itemType: 'node', text: str_(i18n.UIStrings.columnElement)},
-    ];
-
-    const details = Audit.makeTableDetails(headings, lcpElementDetails);
-
-    const displayValue = str_(i18n.UIStrings.displayValueElementsFound,
-      {nodeCount: lcpElementDetails.length});
-
-    return {
-      score: 1,
-      notApplicable: lcpElementDetails.length === 0,
-      displayValue,
-      details,
-    };
-  }
-}
-
-module.exports = LargestContentfulPaintElement;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/layout-shift-elements.js

@@ -1,75 +0,0 @@
-/**
- * @license Copyright 2020 Google Inc. 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';
-
-const Audit = require('./audit.js');
-const i18n = require('../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Descriptive title of a diagnostic audit that provides up to the top five elements contributing to Cumulative Layout Shift. */
-  title: 'Avoid large layout shifts',
-  /** Description of a diagnostic audit that provides up to the top five elements contributing to Cumulative Layout Shift. */
-  description: 'These DOM elements contribute most to the CLS of the page.',
-  /**  Label for a column in a data table; entries in this column will be the amount that the corresponding element contributes to the total CLS metric score. */
-  columnContribution: 'CLS Contribution',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class LayoutShiftElements extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'layout-shift-elements',
-      title: str_(UIStrings.title),
-      description: str_(UIStrings.description),
-      scoreDisplayMode: Audit.SCORING_MODES.INFORMATIVE,
-      requiredArtifacts: ['traces', 'TraceElements'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts) {
-    const clsElements = artifacts.TraceElements
-      .filter(element => element.traceEventType === 'layout-shift');
-
-    const clsElementData = clsElements.map(element => {
-      return {
-        node: Audit.makeNodeItem(element.node),
-        score: element.score,
-      };
-    });
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'node', itemType: 'node', text: str_(i18n.UIStrings.columnElement)},
-      {key: 'score', itemType: 'numeric',
-        granularity: 0.001, text: str_(UIStrings.columnContribution)},
-    ];
-
-    const details = Audit.makeTableDetails(headings, clsElementData);
-    let displayValue;
-    if (clsElementData.length > 0) {
-      displayValue = str_(i18n.UIStrings.displayValueElementsFound,
-        {nodeCount: clsElementData.length});
-    }
-
-    return {
-      score: 1,
-      notApplicable: details.items.length === 0,
-      displayValue,
-      details,
-    };
-  }
-}
-
-module.exports = LayoutShiftElements;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/lcp-lazy-loaded.js

@@ -1,85 +0,0 @@
-/**
- * @license Copyright 2021 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';
-
-const Audit = require('./audit.js');
-const i18n = require('../lib/i18n/i18n.js');
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on whether the largest above-the-fold image was loaded with sufficient priority. This descriptive title is shown to users when the image was loaded properly. */
-  title: 'Largest Contentful Paint image was not lazily loaded',
-  /** Title of a Lighthouse audit that provides detail on whether the largest above-the-fold image was loaded with sufficient priority. This descriptive title is shown to users when the image was loaded inefficiently using the `loading=lazy` attribute. */
-  failureTitle: 'Largest Contentful Paint image was lazily loaded',
-  /** Description of a Lighthouse audit that tells the user why the advice is important. This is displayed after a user expands the section to see more. No character length limits. */
-  description: 'Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. [Learn more](https://web.dev/lcp-lazy-loading/).',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class LargestContentfulPaintLazyLoaded extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'lcp-lazy-loaded',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      supportedModes: ['navigation'],
-      requiredArtifacts: ['TraceElements', 'ViewportDimensions', 'ImageElements'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.ImageElement} image
-   * @param {LH.Artifacts.ViewportDimensions} viewportDimensions
-   * @return {boolean}
-   */
-  static isImageInViewport(image, viewportDimensions) {
-    const imageTop = image.clientRect.top;
-    const viewportHeight = viewportDimensions.innerHeight;
-    return imageTop < viewportHeight;
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
-   */
-  static audit(artifacts) {
-    const lcpElement = artifacts.TraceElements.find(element => {
-      return element.traceEventType === 'largest-contentful-paint' && element.type === 'image';
-    });
-    const lcpElementImage = lcpElement ? artifacts.ImageElements.find(elem => {
-      return elem.node.devtoolsNodePath === lcpElement.node.devtoolsNodePath;
-    }) : undefined;
-
-
-    if (!lcpElementImage ||
-      !this.isImageInViewport(lcpElementImage, artifacts.ViewportDimensions)) {
-      return {score: null, notApplicable: true};
-    }
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'node', itemType: 'node', text: str_(i18n.UIStrings.columnElement)},
-    ];
-
-    const details = Audit.makeTableDetails(headings, [
-      {
-        node: Audit.makeNodeItem(lcpElementImage.node),
-      },
-    ]);
-
-    return {
-      score: lcpElementImage.loading === 'lazy' ? 0 : 1,
-      details,
-    };
-  }
-}
-
-module.exports = LargestContentfulPaintLazyLoaded;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/long-tasks.js

@@ -1,124 +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';
-
-const Audit = require('./audit.js');
-const NetworkRecords = require('../computed/network-records.js');
-const i18n = require('../lib/i18n/i18n.js');
-const MainThreadTasks = require('../computed/main-thread-tasks.js');
-const PageDependencyGraph = require('../computed/page-dependency-graph.js');
-const LoadSimulator = require('../computed/load-simulator.js');
-const {getJavaScriptURLs, getAttributableURLForTask} = require('../lib/tracehouse/task-summary.js');
-
-/** We don't always have timing data for short tasks, if we're missing timing data. Treat it as though it were 0ms. */
-const DEFAULT_TIMING = {startTime: 0, endTime: 0, duration: 0};
-
-const UIStrings = {
-  /** Title of a diagnostic LH audit that provides details on the longest running tasks that occur when the page loads. */
-  title: 'Avoid long main-thread tasks',
-  /** Description of a diagnostic LH audit that shows the user the longest running tasks that occur when the page loads. */
-  description: 'Lists the longest tasks on the main thread, ' +
-    'useful for identifying worst contributors to input delay. ' +
-    '[Learn more](https://web.dev/long-tasks-devtools/)',
-  /** [ICU Syntax] Label identifying the number of long-running CPU tasks that occurred while loading a web page. */
-  displayValue: `{itemCount, plural,
-  =1 {# long task found}
-  other {# long tasks found}
-  }`,
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-class LongTasks extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'long-tasks',
-      scoreDisplayMode: Audit.SCORING_MODES.INFORMATIVE,
-      title: str_(UIStrings.title),
-      description: str_(UIStrings.description),
-      requiredArtifacts: ['traces', 'devtoolsLogs'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const settings = context.settings || {};
-    const trace = artifacts.traces[Audit.DEFAULT_PASS];
-    const tasks = await MainThreadTasks.request(trace, context);
-    const devtoolsLog = artifacts.devtoolsLogs[LongTasks.DEFAULT_PASS];
-    const networkRecords = await NetworkRecords.request(devtoolsLog, context);
-
-    /** @type {Map<LH.TraceEvent, LH.Gatherer.Simulation.NodeTiming>} */
-    const taskTimingsByEvent = new Map();
-
-    if (settings.throttlingMethod === 'simulate') {
-      const simulatorOptions = {devtoolsLog, settings: context.settings};
-      const pageGraph = await PageDependencyGraph.request({trace, devtoolsLog}, context);
-      const simulator = await LoadSimulator.request(simulatorOptions, context);
-      const simulation = await simulator.simulate(pageGraph, {label: 'long-tasks-diagnostic'});
-      for (const [node, timing] of simulation.nodeTimings.entries()) {
-        if (node.type !== 'cpu') continue;
-        taskTimingsByEvent.set(node.event, timing);
-      }
-    } else {
-      for (const task of tasks) {
-        if (task.unbounded || task.parent) continue;
-        taskTimingsByEvent.set(task.event, task);
-      }
-    }
-
-    const jsURLs = getJavaScriptURLs(networkRecords);
-    // Only consider up to 20 long, top-level (no parent) tasks that have an explicit endTime
-    const longtasks = tasks
-      .map(t => {
-        const timing = taskTimingsByEvent.get(t.event) || DEFAULT_TIMING;
-        return {...t, duration: timing.duration, startTime: timing.startTime};
-      })
-      .filter(t => t.duration >= 50 && !t.unbounded && !t.parent)
-      .sort((a, b) => b.duration - a.duration)
-      .slice(0, 20);
-
-    // TODO(beytoven): Add start time that matches with the simulated throttling
-    const results = longtasks.map(task => ({
-      url: getAttributableURLForTask(task, jsURLs),
-      duration: task.duration,
-      startTime: task.startTime,
-    }));
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      /* eslint-disable max-len */
-      {key: 'url', itemType: 'url', text: str_(i18n.UIStrings.columnURL)},
-      {key: 'startTime', itemType: 'ms', granularity: 1, text: str_(i18n.UIStrings.columnStartTime)},
-      {key: 'duration', itemType: 'ms', granularity: 1, text: str_(i18n.UIStrings.columnDuration)},
-      /* eslint-enable max-len */
-    ];
-
-    const tableDetails = Audit.makeTableDetails(headings, results);
-
-    let displayValue;
-    if (results.length > 0) {
-      displayValue = str_(UIStrings.displayValue, {itemCount: results.length});
-    }
-
-    return {
-      score: results.length === 0 ? 1 : 0,
-      notApplicable: results.length === 0,
-      details: tableDetails,
-      displayValue,
-    };
-  }
-}
-
-module.exports = LongTasks;
-module.exports.UIStrings = UIStrings;

package/lighthouse-core/audits/main-thread-tasks.js

@@ -1,59 +0,0 @@
-/**
- * @license Copyright 2019 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';
-
-const Audit = require('./audit.js');
-const MainThreadTasksComputed = require('../computed/main-thread-tasks.js');
-
-class MainThreadTasks extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'main-thread-tasks',
-      scoreDisplayMode: Audit.SCORING_MODES.INFORMATIVE,
-      title: 'Tasks',
-      description: 'Lists the toplevel main thread tasks that executed during page load.',
-      requiredArtifacts: ['traces'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const trace = artifacts.traces[Audit.DEFAULT_PASS];
-    const tasks = await MainThreadTasksComputed.request(trace, context);
-
-    const results = tasks
-      // Filter to just the sizable toplevel tasks; toplevel tasks are tasks without a parent.
-      .filter(task => task.duration > 5 && !task.parent)
-      .map(task => {
-        return {
-          duration: task.duration,
-          startTime: task.startTime,
-        };
-      });
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'startTime', itemType: 'ms', granularity: 1, text: 'Start Time'},
-      {key: 'duration', itemType: 'ms', granularity: 1, text: 'End Time'},
-    ];
-
-    const tableDetails = Audit.makeTableDetails(headings, results);
-
-    return {
-      score: 1,
-      details: tableDetails,
-    };
-  }
-}
-
-module.exports = MainThreadTasks;

package/lighthouse-core/audits/mainthread-work-breakdown.js

@@ -1,134 +0,0 @@
-/**
- * @license Copyright 2017 The Lighthouse Authors. All Rights Reserved.
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
- */
-
-/**
- * @fileoverview Audit a page to show a breakdown of execution timings on the main thread
- */
-
-'use strict';
-
-const Audit = require('./audit.js');
-const {taskGroups} = require('../lib/tracehouse/task-groups.js');
-const i18n = require('../lib/i18n/i18n.js');
-const MainThreadTasks = require('../computed/main-thread-tasks.js');
-
-const UIStrings = {
-  /** Title of a diagnostic audit that provides detail on the main thread work the browser did to load the page. This descriptive title is shown to users when the amount is acceptable and no user action is required. */
-  title: 'Minimizes main-thread work',
-  /** Title of a diagnostic audit that provides detail on the main thread work the browser did to load the page. This imperative title is shown to users when there is a significant amount of execution time that could be reduced. */
-  failureTitle: 'Minimize main-thread work',
-  /** Description of a Lighthouse audit that tells the user *why* they should reduce JS execution times. This is displayed after a user expands the section to see more. No character length limits. 'Learn More' becomes link text to additional documentation. */
-  description: 'Consider reducing the time spent parsing, compiling and executing JS. ' +
-    'You may find delivering smaller JS payloads helps with this. ' +
-    '[Learn more](https://web.dev/mainthread-work-breakdown/)',
-  /** Label for the Main Thread Category column in data tables, rows will have a main thread Category and main thread Task Name. */
-  columnCategory: 'Category',
-};
-
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
-
-/** @typedef {import('../lib/tracehouse/task-groups.js').TaskGroupIds} TaskGroupIds */
-
-class MainThreadWorkBreakdown extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'mainthread-work-breakdown',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      scoreDisplayMode: Audit.SCORING_MODES.NUMERIC,
-      requiredArtifacts: ['traces'],
-    };
-  }
-
-  /**
-   * @return {LH.Audit.ScoreOptions}
-   */
-  static get defaultOptions() {
-    return {
-      // see https://www.desmos.com/calculator/vhglu1x8zv
-      p10: 2017,
-      median: 4000,
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.TaskNode[]} tasks
-   * @return {Map<TaskGroupIds, number>}
-   */
-  static getExecutionTimingsByGroup(tasks) {
-    /** @type {Map<TaskGroupIds, number>} */
-    const result = new Map();
-
-    for (const task of tasks) {
-      const originalTime = result.get(task.group.id) || 0;
-      result.set(task.group.id, originalTime + task.selfTime);
-    }
-
-    return result;
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const settings = context.settings || {};
-    const trace = artifacts.traces[MainThreadWorkBreakdown.DEFAULT_PASS];
-
-    const tasks = await MainThreadTasks.request(trace, context);
-    const multiplier = settings.throttlingMethod === 'simulate' ?
-      settings.throttling.cpuSlowdownMultiplier : 1;
-
-    const executionTimings = MainThreadWorkBreakdown.getExecutionTimingsByGroup(tasks);
-
-    let totalExecutionTime = 0;
-    /** @type {Record<string, number>} */
-    const categoryTotals = {};
-    const results = Array.from(executionTimings).map(([groupId, rawDuration]) => {
-      const duration = rawDuration * multiplier;
-      totalExecutionTime += duration;
-
-      const categoryTotal = categoryTotals[groupId] || 0;
-      categoryTotals[groupId] = categoryTotal + duration;
-
-      return {
-        group: groupId,
-        groupLabel: taskGroups[groupId].label,
-        duration: duration,
-      };
-    });
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'groupLabel', itemType: 'text', text: str_(UIStrings.columnCategory)},
-      {key: 'duration', itemType: 'ms', granularity: 1, text: str_(i18n.UIStrings.columnTimeSpent)},
-    ];
-
-    results.sort((a, b) => categoryTotals[b.group] - categoryTotals[a.group]);
-    const tableDetails = MainThreadWorkBreakdown.makeTableDetails(headings, results);
-
-    const score = Audit.computeLogNormalScore(
-      {p10: context.options.p10, median: context.options.median},
-      totalExecutionTime
-    );
-
-    return {
-      score,
-      numericValue: totalExecutionTime,
-      numericUnit: 'millisecond',
-      displayValue: str_(i18n.UIStrings.seconds, {timeInMs: totalExecutionTime}),
-      details: tableDetails,
-    };
-  }
-}
-
-module.exports = MainThreadWorkBreakdown;
-module.exports.UIStrings = UIStrings;