lighthouse 12.8.2 → 13.0.0-dev.20251009

package/core/audits/viewport.js

@@ -1,87 +0,0 @@
-/**
- * @license
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {Audit} from './audit.js';
-import {ViewportMeta} from '../computed/viewport-meta.js';
-import * as i18n from '../lib/i18n/i18n.js';
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on the viewport meta tag in a web page's html. This descriptive title is shown to users when a viewport tag is set and configured. */
-  title: 'Has a `<meta name="viewport">` tag with `width` or `initial-scale`',
-  /** Title of a Lighthouse audit that provides detail on the viewport meta tag in a web page's html. This descriptive title is shown to users when a viewport tag is not set or configured. */
-  failureTitle: 'Does not have a `<meta name="viewport">` tag with `width` ' +
-    'or `initial-scale`',
-  /** Description of a Lighthouse audit that tells the user why they should have a viewport meta tag in their html. 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: 'A `<meta name="viewport">` not only optimizes your app for mobile screen sizes, ' +
-    'but also prevents [a 300 millisecond delay to user input](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/). ' +
-    '[Learn more about using the viewport meta tag](https://developer.chrome.com/docs/lighthouse/pwa/viewport/).',
-  /** Explanatory message stating that no viewport meta tag exists on the page. */
-  explanationNoTag: 'No `<meta name="viewport">` tag found',
-};
-
-const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
-
-class Viewport extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'viewport',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      guidanceLevel: 3,
-      requiredArtifacts: ['MetaElements'],
-      scoreDisplayMode: Audit.SCORING_MODES.METRIC_SAVINGS,
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const viewportMeta = await ViewportMeta.request(artifacts.MetaElements, context);
-
-    let inpSavings = 300;
-    if (!viewportMeta.hasViewportTag) {
-      return {
-        score: 0,
-        explanation: str_(UIStrings.explanationNoTag),
-        metricSavings: {
-          INP: inpSavings,
-        },
-      };
-    }
-
-    if (viewportMeta.isMobileOptimized) {
-      inpSavings = 0;
-    }
-
-    /** @type {LH.Audit.Details.DebugData|undefined} */
-    let details;
-    if (viewportMeta.rawContentString !== undefined) {
-      details = {
-        type: 'debugdata',
-        viewportContent: viewportMeta.rawContentString,
-      };
-    }
-
-    return {
-      score: Number(viewportMeta.isMobileOptimized),
-      metricSavings: {
-        INP: inpSavings,
-      },
-      warnings: viewportMeta.parserWarnings,
-      details,
-    };
-  }
-}
-
-export default Viewport;
-export {UIStrings};

package/core/audits/work-during-interaction.d.ts

@@ -1,81 +0,0 @@
-export default WorkDuringInteraction;
-export type EventTimingEvent = import("../computed/metrics/responsiveness.js").EventTimingEvent;
-export type TaskNode = import("../lib/tracehouse/main-thread-tasks.js").TaskNode;
-/**
- * @fileoverview This metric gives a high-percentile measure of responsiveness to input.
- */
-declare class WorkDuringInteraction extends Audit {
-    /**
-     * @param {TaskNode} task
-     * @param {TaskNode|undefined} parent
-     * @param {number} startTs
-     * @param {number} endTs
-     * @return {number}
-     */
-    static recursivelyClipTasks(task: TaskNode, parent: TaskNode | undefined, startTs: number, endTs: number): number;
-    /**
-     * Clip the tasks by the start and end points. Take the easy route and drop
-     * to duration 0 if out of bounds, since only durations are needed in the
-     * end (for now).
-     * Assumes owned tasks, so modifies in place. Can be called multiple times on
-     * the same `tasks` because always computed from original event timing.
-     * @param {Array<TaskNode>} tasks
-     * @param {number} startTs
-     * @param {number} endTs
-     */
-    static clipTasksByTs(tasks: Array<TaskNode>, startTs: number, endTs: number): void;
-    /**
-     * @param {EventTimingEvent} interactionEvent
-     */
-    static getPhaseTimes(interactionEvent: EventTimingEvent): {
-        inputDelay: {
-            startTs: number;
-            endTs: number;
-        };
-        processingDuration: {
-            startTs: number;
-            endTs: number;
-        };
-        presentationDelay: {
-            startTs: number;
-            endTs: number;
-        };
-    };
-    /**
-     * @param {EventTimingEvent} interactionEvent
-     * @param {LH.Trace} trace
-     * @param {LH.Artifacts.ProcessedTrace} processedTrace
-     * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-     * @return {{table: LH.Audit.Details.Table, phases: Record<string, {startTs: number, endTs: number}>}}
-     */
-    static getThreadBreakdownTable(interactionEvent: EventTimingEvent, trace: LH.Trace, processedTrace: LH.Artifacts.ProcessedTrace, networkRecords: Array<LH.Artifacts.NetworkRequest>): {
-        table: LH.Audit.Details.Table;
-        phases: Record<string, {
-            startTs: number;
-            endTs: number;
-        }>;
-    };
-    /**
-     * @param {LH.Artifacts['TraceElements']} traceElements
-     * @return {LH.Audit.Details.Table | undefined}
-     */
-    static getTraceElementTable(traceElements: LH.Artifacts["TraceElements"]): LH.Audit.Details.Table | undefined;
-    /**
-     * @param {LH.Artifacts} artifacts
-     * @param {LH.Audit.Context} context
-     * @return {Promise<LH.Audit.Product>}
-     */
-    static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
-}
-export namespace UIStrings {
-    let title: string;
-    let failureTitle: string;
-    let description: string;
-    let inputDelay: string;
-    let processingDuration: string;
-    let presentationDelay: string;
-    let displayValue: string;
-    let eventTarget: string;
-}
-import { Audit } from './audit.js';
-//# sourceMappingURL=work-during-interaction.d.ts.map

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

@@ -1,287 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {Audit} from './audit.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 {MainThreadTasks} from '../lib/tracehouse/main-thread-tasks.js';
-import {taskGroups} from '../lib/tracehouse/task-groups.js';
-import {TraceProcessor} from '../lib/tracehouse/trace-processor.js';
-import {getExecutionTimingsByURL} from '../lib/tracehouse/task-summary.js';
-import InteractionToNextPaint from './metrics/interaction-to-next-paint.js';
-
-/** @typedef {import('../computed/metrics/responsiveness.js').EventTimingEvent} EventTimingEvent */
-/** @typedef {import('../lib/tracehouse/main-thread-tasks.js').TaskNode} TaskNode */
-
-const TASK_THRESHOLD = 1;
-
-const UIStrings = {
-  /** Title of a diagnostic audit that provides detail on the main thread work the browser did during a key user interaction. This descriptive title is shown to users when the amount is acceptable and no user action is required. */
-  title: 'Minimizes work during key interaction',
-  /** Title of a diagnostic audit that provides detail on the main thread work the browser did during a key user interaction. This imperative title is shown to users when there is a significant amount of execution time that could be reduced. */
-  failureTitle: 'Minimize work during key interaction',
-  /** Description of the work-during-interaction metric. This description is displayed within a tooltip when the user hovers on the metric name to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
-  description: 'This is the thread-blocking work occurring during the Interaction to Next Paint measurement. [Learn more about the Interaction to Next Paint metric](https://web.dev/articles/inp).',
-  /** Label for a column in a data table; entries will be information on the time that the browser is delayed before responding to user input. Ideally fits within a ~40 character limit. */
-  inputDelay: 'Input delay',
-  /** Label for a column in a data table; entries will be information on the time taken by code processing user input that delays a response to the user. Ideally fits within a ~40 character limit. */
-  processingDuration: 'Processing duration',
-  /** Label for a column in a data table; entries will be information on the time that the browser is delayed before presenting a response to user input on screen. Ideally fits within a ~40 character limit. */
-  presentationDelay: 'Presentation delay',
-  /**
-   * @description Summary text that identifies the time the browser took to process a user interaction.
-   * @example {mousedown} interactionType
-   */
-  displayValue: `{timeInMs, number, milliseconds}\xa0ms spent on event '{interactionType}'`,
-  /** Label for a column in a data table; entries will the UI element that was the target of a user interaction (for example, a button that was clicked on). Ideally fits within a ~40 character limit. */
-  eventTarget: 'Event target',
-};
-
-const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
-
-/**
- * @fileoverview This metric gives a high-percentile measure of responsiveness to input.
- */
-class WorkDuringInteraction extends Audit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'work-during-interaction',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      scoreDisplayMode: Audit.SCORING_MODES.METRIC_SAVINGS,
-      supportedModes: ['timespan'],
-      guidanceLevel: 1,
-      requiredArtifacts: ['Trace', 'DevtoolsLog', 'TraceElements'],
-    };
-  }
-
-  /**
-   * @param {TaskNode} task
-   * @param {TaskNode|undefined} parent
-   * @param {number} startTs
-   * @param {number} endTs
-   * @return {number}
-   */
-  static recursivelyClipTasks(task, parent, startTs, endTs) {
-    const taskEventStart = task.event.ts;
-    const taskEventEnd = task.endEvent?.ts ?? task.event.ts + Number(task.event.dur || 0);
-
-    task.startTime = Math.max(startTs, Math.min(endTs, taskEventStart)) / 1000;
-    task.endTime = Math.max(startTs, Math.min(endTs, taskEventEnd)) / 1000;
-    task.duration = task.endTime - task.startTime;
-
-    const childTime = task.children
-      .map(child => WorkDuringInteraction.recursivelyClipTasks(child, task, startTs, endTs))
-      .reduce((sum, child) => sum + child, 0);
-    task.selfTime = task.duration - childTime;
-    return task.duration;
-  }
-
-  /**
-   * Clip the tasks by the start and end points. Take the easy route and drop
-   * to duration 0 if out of bounds, since only durations are needed in the
-   * end (for now).
-   * Assumes owned tasks, so modifies in place. Can be called multiple times on
-   * the same `tasks` because always computed from original event timing.
-   * @param {Array<TaskNode>} tasks
-   * @param {number} startTs
-   * @param {number} endTs
-   */
-  static clipTasksByTs(tasks, startTs, endTs) {
-    for (const task of tasks) {
-      if (task.parent) continue;
-      WorkDuringInteraction.recursivelyClipTasks(task, undefined, startTs, endTs);
-    }
-  }
-
-  /**
-   * @param {EventTimingEvent} interactionEvent
-   */
-  static getPhaseTimes(interactionEvent) {
-    const interactionData = interactionEvent.args.data;
-    const startTs = interactionEvent.ts;
-    const navStart = startTs - interactionData.timeStamp * 1000;
-    const processingStartTs = navStart + interactionData.processingStart * 1000;
-    const processingEndTs = navStart + interactionData.processingEnd * 1000;
-    const endTs = startTs + interactionData.duration * 1000;
-    return {
-      inputDelay: {startTs, endTs: processingStartTs},
-      processingDuration: {startTs: processingStartTs, endTs: processingEndTs},
-      presentationDelay: {startTs: processingEndTs, endTs},
-    };
-  }
-
-  /**
-   * @param {EventTimingEvent} interactionEvent
-   * @param {LH.Trace} trace
-   * @param {LH.Artifacts.ProcessedTrace} processedTrace
-   * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {{table: LH.Audit.Details.Table, phases: Record<string, {startTs: number, endTs: number}>}}
-   */
-  static getThreadBreakdownTable(interactionEvent, trace, processedTrace, networkRecords) {
-    // Limit to interactionEvent's thread.
-    // TODO(bckenny): limit to interactionEvent's navigation.
-    const threadEvents = TraceProcessor.filteredTraceSort(trace.traceEvents, evt => {
-      return evt.pid === interactionEvent.pid && evt.tid === interactionEvent.tid;
-    });
-    const traceEndTs = threadEvents.reduce((endTs, evt) => {
-      return Math.max(evt.ts + (evt.dur || 0), endTs);
-    }, 0);
-    // frames is only used for URL attribution, so can include all frames, even if OOPIF.
-    const {frames} = processedTrace;
-    const threadTasks = MainThreadTasks.getMainThreadTasks(threadEvents, frames, traceEndTs);
-
-    const phases = WorkDuringInteraction.getPhaseTimes(interactionEvent);
-
-    /** @type {LH.Audit.Details.TableItem[]} */
-    const items = [];
-    for (const [phaseName, phaseTimes] of Object.entries(phases)) {
-      // Clip tasks to start and end time.
-      WorkDuringInteraction.clipTasksByTs(threadTasks, phaseTimes.startTs, phaseTimes.endTs);
-      const executionTimings = getExecutionTimingsByURL(threadTasks, networkRecords);
-
-      const results = [];
-      for (const [url, timingByGroupId] of executionTimings) {
-        const totalExecutionTimeForURL = Object.values(timingByGroupId)
-            .reduce((total, timespanMs) => total + timespanMs);
-
-        const scriptingTotal = timingByGroupId[taskGroups.scriptEvaluation.id] || 0;
-        const layoutTotal = timingByGroupId[taskGroups.styleLayout.id] || 0;
-        const renderTotal = timingByGroupId[taskGroups.paintCompositeRender.id] || 0;
-
-        results.push({
-          url: url,
-          total: totalExecutionTimeForURL,
-          scripting: scriptingTotal,
-          layout: layoutTotal,
-          render: renderTotal,
-        });
-      }
-
-      const filteredResults = results
-        .filter(result => result.total > TASK_THRESHOLD)
-        .sort((a, b) => b.total - a.total);
-
-      items.push({
-        phase: str_(UIStrings[/** @type {keyof UIStrings} */ (phaseName)]),
-        total: (phaseTimes.endTs - phaseTimes.startTs) / 1000,
-        subItems: {
-          type: 'subitems',
-          items: filteredResults,
-        },
-      });
-    }
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      /* eslint-disable max-len */
-      {key: 'phase', valueType: 'text', subItemsHeading: {key: 'url', valueType: 'url'}, label: 'Phase'},
-      {key: 'total', valueType: 'ms', subItemsHeading: {key: 'total', granularity: 1, valueType: 'ms'}, granularity: 1, label: 'Total time'},
-      {key: null, valueType: 'ms', subItemsHeading: {key: 'scripting', granularity: 1, valueType: 'ms'}, label: 'Script evaluation'},
-      {key: null, valueType: 'ms', subItemsHeading: {key: 'layout', granularity: 1, valueType: 'ms'}, label: taskGroups.styleLayout.label},
-      {key: null, valueType: 'ms', subItemsHeading: {key: 'render', granularity: 1, valueType: 'ms'}, label: taskGroups.paintCompositeRender.label},
-      /* eslint-enable max-len */
-    ];
-
-    return {
-      table: Audit.makeTableDetails(headings, items, {sortedBy: ['total']}),
-      phases,
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts['TraceElements']} traceElements
-   * @return {LH.Audit.Details.Table | undefined}
-   */
-  static getTraceElementTable(traceElements) {
-    const responsivenessElement = traceElements.find(el => el.traceEventType === 'responsiveness');
-    if (!responsivenessElement) return;
-
-    /** @type {LH.Audit.Details.Table['headings']} */
-    const headings = [
-      {key: 'node', valueType: 'node', label: str_(UIStrings.eventTarget)},
-    ];
-    const elementItems = [{node: Audit.makeNodeItem(responsivenessElement.node)}];
-
-    return Audit.makeTableDetails(headings, elementItems);
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<LH.Audit.Product>}
-   */
-  static async audit(artifacts, context) {
-    const {settings} = context;
-    // TODO: responsiveness isn't yet supported by lantern.
-    if (settings.throttlingMethod === 'simulate') {
-      return {
-        score: null,
-        notApplicable: true,
-        metricSavings: {INP: 0},
-      };
-    }
-
-    const trace = artifacts.Trace;
-    const metricData = {trace, settings};
-    const interactionEvent = await Responsiveness.request(metricData, context);
-    // If no interaction, diagnostic audit is n/a.
-    if (interactionEvent === null) {
-      return {
-        score: null,
-        notApplicable: true,
-        metricSavings: {INP: 0},
-      };
-    }
-
-    const auditDetailsItems = [];
-
-    const traceElementItem = WorkDuringInteraction.getTraceElementTable(artifacts.TraceElements);
-    if (traceElementItem) auditDetailsItems.push(traceElementItem);
-
-    const devtoolsLog = artifacts.DevtoolsLog;
-    // Network records will usually be empty for timespans.
-    const networkRecords = await NetworkRecords.request(devtoolsLog, context);
-    const processedTrace = await ProcessedTrace.request(trace, context);
-    const {table: breakdownTable, phases} = WorkDuringInteraction.getThreadBreakdownTable(
-        interactionEvent, trace, processedTrace, networkRecords);
-    auditDetailsItems.push(breakdownTable);
-
-    const interactionType = interactionEvent.args.data.type;
-    auditDetailsItems.push({
-      type: /** @type {const} */ ('debugdata'),
-      interactionType,
-      phases,
-    });
-
-    const duration = interactionEvent.args.data.duration;
-    const displayValue = str_(UIStrings.displayValue, {timeInMs: duration, interactionType});
-
-    const passed = duration < InteractionToNextPaint.defaultOptions.p10;
-
-    return {
-      score: passed ? 1 : 0,
-      scoreDisplayMode: passed ? Audit.SCORING_MODES.INFORMATIVE : undefined,
-      displayValue,
-      details: {
-        type: 'list',
-        items: auditDetailsItems,
-      },
-      metricSavings: {
-        INP: duration,
-      },
-    };
-  }
-}
-
-export default WorkDuringInteraction;
-export {UIStrings};

package/core/computed/critical-request-chains.d.ts

@@ -1,42 +0,0 @@
-export { CriticalRequestChainsComputed as CriticalRequestChains };
-declare const CriticalRequestChainsComputed: typeof CriticalRequestChains & {
-    request: (dependencies: {
-        URL: LH.Artifacts["URL"];
-        SourceMaps: LH.Artifacts["SourceMaps"];
-        devtoolsLog: LH.DevtoolsLog;
-        trace: LH.Trace;
-        settings: LH.Audit.Context["settings"];
-    }, context: LH.Artifacts.ComputedContext) => Promise<import("../index.js").Artifacts.CriticalRequestNode>;
-};
-declare class CriticalRequestChains {
-    /**
-     * For now, we use network priorities as a proxy for "render-blocking"/critical-ness.
-     * It's imperfect, but there is not a higher-fidelity signal available yet.
-     * @see https://docs.google.com/document/d/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc
-     * @param {Lantern.Types.NetworkRequest} request
-     * @param {Lantern.Types.NetworkRequest} mainResource
-     * @return {boolean}
-     */
-    static isCritical(request: Lantern.Types.NetworkRequest, mainResource: Lantern.Types.NetworkRequest): boolean;
-    /**
-     * Create a tree of critical requests.
-     * @param {LH.Artifacts.NetworkRequest} mainResource
-     * @param {LH.Gatherer.Simulation.GraphNode} graph
-     * @return {LH.Artifacts.CriticalRequestNode}
-     */
-    static extractChainsFromGraph(mainResource: LH.Artifacts.NetworkRequest, graph: LH.Gatherer.Simulation.GraphNode): LH.Artifacts.CriticalRequestNode;
-    /**
-     * @param {{URL: LH.Artifacts['URL'], SourceMaps: LH.Artifacts['SourceMaps'], devtoolsLog: LH.DevtoolsLog, trace: LH.Trace, settings: LH.Audit.Context['settings']}} data
-     * @param {LH.Artifacts.ComputedContext} context
-     * @return {Promise<LH.Artifacts.CriticalRequestNode>}
-     */
-    static compute_(data: {
-        URL: LH.Artifacts["URL"];
-        SourceMaps: LH.Artifacts["SourceMaps"];
-        devtoolsLog: LH.DevtoolsLog;
-        trace: LH.Trace;
-        settings: LH.Audit.Context["settings"];
-    }, context: LH.Artifacts.ComputedContext): Promise<LH.Artifacts.CriticalRequestNode>;
-}
-import * as Lantern from '../lib/lantern/lantern.js';
-//# sourceMappingURL=critical-request-chains.d.ts.map

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

@@ -1,143 +0,0 @@
-/**
- * @license
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import * as Lantern from '../lib/lantern/lantern.js';
-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';
-
-class CriticalRequestChains {
-  /**
-   * For now, we use network priorities as a proxy for "render-blocking"/critical-ness.
-   * It's imperfect, but there is not a higher-fidelity signal available yet.
-   * @see https://docs.google.com/document/d/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc
-   * @param {Lantern.Types.NetworkRequest} request
-   * @param {Lantern.Types.NetworkRequest} mainResource
-   * @return {boolean}
-   */
-  static isCritical(request, mainResource) {
-    if (!mainResource) {
-      throw new Error('mainResource not provided');
-    }
-
-    // The main resource is always critical.
-    if (request.requestId === mainResource.requestId) return true;
-
-    // Treat any preloaded resource as non-critical
-    if (request.isLinkPreload) {
-      return false;
-    }
-
-    // Whenever a request is a redirect, we don't know if it's critical until we resolve the final
-    // destination. At that point we can assign all the properties (priority, resourceType) of the
-    // final request back to the redirect(s) that led to it.
-    // See https://github.com/GoogleChrome/lighthouse/pull/6704
-    while (request.redirectDestination) {
-      request = request.redirectDestination;
-    }
-
-    // Iframes are considered High Priority but they are not render blocking
-    const isIframe = request.resourceType === NetworkRequest.TYPES.Document &&
-      request.frameId !== mainResource.frameId;
-    // XHRs are fetched at High priority, but we exclude them, as they are unlikely to be critical
-    // Images are also non-critical.
-    // Treat any missed images, primarily favicons, as non-critical resources
-    /** @type {Array<LH.Crdp.Network.ResourceType>} */
-    const nonCriticalResourceTypes = [
-      NetworkRequest.TYPES.Image,
-      NetworkRequest.TYPES.XHR,
-      NetworkRequest.TYPES.Fetch,
-      NetworkRequest.TYPES.EventSource,
-    ];
-    if (nonCriticalResourceTypes.includes(request.resourceType || 'Other') ||
-        isIframe ||
-        request.mimeType && request.mimeType.startsWith('image/')) {
-      return false;
-    }
-
-    // Requests that have no initiatorRequest are typically ambiguous late-load assets.
-    // Even on the off chance they were important, we don't have any parent to display for them.
-    if (!request.initiatorRequest) return false;
-
-    return ['VeryHigh', 'High', 'Medium'].includes(request.priority);
-  }
-
-  /**
-   * Create a tree of critical requests.
-   * @param {LH.Artifacts.NetworkRequest} mainResource
-   * @param {LH.Gatherer.Simulation.GraphNode} graph
-   * @return {LH.Artifacts.CriticalRequestNode}
-   */
-  static extractChainsFromGraph(mainResource, graph) {
-    /** @type {LH.Artifacts.CriticalRequestNode} */
-    const rootNode = {};
-
-    /**
-     * @param {LH.Artifacts.NetworkRequest[]} path
-     */
-    function addChain(path) {
-      let currentNode = rootNode;
-
-      for (const record of path) {
-        if (!currentNode[record.requestId]) {
-          currentNode[record.requestId] = {
-            request: record,
-            children: {},
-          };
-        }
-
-        currentNode = currentNode[record.requestId].children;
-      }
-    }
-
-    // By default `traverse` will discover nodes in BFS-order regardless of dependencies, but
-    // here we need traversal in a topological sort order. We'll visit a node only when its
-    // dependencies have been met.
-    const seenNodes = new Set();
-    /** @param {LH.Gatherer.Simulation.GraphNode} node */
-    function getNextNodes(node) {
-      return node.getDependents().filter(n => n.getDependencies().every(d => seenNodes.has(d)));
-    }
-
-    graph.traverse((node, traversalPath) => {
-      seenNodes.add(node);
-      if (node.type !== 'network') return;
-      if (!CriticalRequestChains.isCritical(node.request, mainResource)) return;
-
-      const networkPath = traversalPath
-        .filter(n => n.type === 'network')
-        .reverse()
-        .map(node => node.rawRequest);
-
-      // Ignore if some ancestor is not a critical request.
-      if (networkPath.some(r => !CriticalRequestChains.isCritical(r, mainResource))) return;
-
-      // Ignore non-network things (like data urls).
-      if (NetworkRequest.isNonNetworkRequest(node.request)) return;
-
-      addChain(networkPath);
-    }, getNextNodes);
-
-    return rootNode;
-  }
-
-  /**
-   * @param {{URL: LH.Artifacts['URL'], SourceMaps: LH.Artifacts['SourceMaps'], devtoolsLog: LH.DevtoolsLog, trace: LH.Trace, settings: LH.Audit.Context['settings']}} data
-   * @param {LH.Artifacts.ComputedContext} context
-   * @return {Promise<LH.Artifacts.CriticalRequestNode>}
-   */
-  static async compute_(data, context) {
-    const mainResource = await MainResource.request(data, context);
-    const graph = await PageDependencyGraph.request({...data, fromTrace: false}, context);
-
-    return CriticalRequestChains.extractChainsFromGraph(mainResource, graph);
-  }
-}
-
-const CriticalRequestChainsComputed = makeComputedArtifact(CriticalRequestChains,
-  ['URL', 'SourceMaps', 'devtoolsLog', 'trace', 'settings']);
-export {CriticalRequestChainsComputed as CriticalRequestChains};

package/core/computed/viewport-meta.d.ts

@@ -1,37 +0,0 @@
-export { ViewportMetaComputed as ViewportMeta };
-export type ViewportMetaResult = {
-    /**
-     * Whether the page has any viewport tag.
-     */
-    hasViewportTag: boolean;
-    /**
-     * Whether the viewport tag is optimized for mobile screens.
-     */
-    isMobileOptimized: boolean;
-    /**
-     * Warnings if the parser encountered invalid content in the viewport tag.
-     */
-    parserWarnings: Array<string>;
-    /**
-     * The `content` attribute value, if a viewport was defined.
-     */
-    rawContentString: string | undefined;
-};
-declare const ViewportMetaComputed: typeof ViewportMeta & {
-    request: (dependencies: {
-        name?: string;
-        content?: string;
-        property?: string;
-        httpEquiv?: string;
-        charset?: string;
-        node: import("../index.js").Artifacts.NodeDetails;
-    }[], context: LH.Artifacts.ComputedContext) => Promise<ViewportMetaResult>;
-};
-declare class ViewportMeta {
-    /**
-     * @param {LH.GathererArtifacts['MetaElements']} MetaElements
-     * @return {Promise<ViewportMetaResult>}
-    */
-    static compute_(MetaElements: LH.GathererArtifacts["MetaElements"]): Promise<ViewportMetaResult>;
-}
-//# sourceMappingURL=viewport-meta.d.ts.map