lighthouse 11.7.0-dev.20240409 → 11.7.0-dev.20240411

package/core/audits/splash-screen.js

@@ -1,98 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import MultiCheckAudit from './multi-check-audit.js';
-import {ManifestValues} from '../computed/manifest-values.js';
-import * as i18n from '../lib/i18n/i18n.js';
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on splash screens. This descriptive title is shown to users when the site has a custom splash screen. */
-  title: 'Configured for a custom splash screen',
-  /** Title of a Lighthouse audit that provides detail on splash screens. This descriptive title is shown to users when the site does not have a custom splash screen. */
-  failureTitle: 'Is not configured for a custom splash screen',
-  /** Description of a Lighthouse audit that tells the user why they should configure a custom splash screen. 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 themed splash screen ensures a high-quality experience when ' +
-    'users launch your app from their homescreens. ' +
-    '[Learn more about splash screens](https://developer.chrome.com/docs/lighthouse/pwa/splash-screen/).',
-};
-
-const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
-
-/**
- * @fileoverview
- * Audits if a page is configured for a custom splash screen when launched
- * https://github.com/GoogleChrome/lighthouse/issues/24
- *
- * Requirements:
- *   * manifest is not empty
- *   * manifest has a valid name
- *   * manifest has a valid background_color
- *   * manifest has a valid theme_color
- *   * manifest contains icon that's a png and size >= 512px
- */
-
-class SplashScreen extends MultiCheckAudit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'splash-screen',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      supportedModes: ['navigation'],
-      requiredArtifacts: ['WebAppManifest', 'InstallabilityErrors'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.ManifestValues} manifestValues
-   * @param {Array<string>} failures
-   */
-  static assessManifest(manifestValues, failures) {
-    if (manifestValues.isParseFailure && manifestValues.parseFailureReason) {
-      failures.push(manifestValues.parseFailureReason);
-      return;
-    }
-
-    const splashScreenCheckIds = [
-      'hasName',
-      'hasBackgroundColor',
-      'hasThemeColor',
-      'hasIconsAtLeast512px',
-    ];
-
-    manifestValues.allChecks
-      .filter(item => splashScreenCheckIds.includes(item.id))
-      .forEach(item => {
-        if (!item.passing) {
-          failures.push(item.failureText);
-        }
-      });
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<{failures: Array<string>, manifestValues: LH.Artifacts.ManifestValues}>}
-   */
-  static async audit_(artifacts, context) {
-    /** @type {Array<string>} */
-    const failures = [];
-
-    const manifestValues = await ManifestValues.request(artifacts, context);
-    SplashScreen.assessManifest(manifestValues, failures);
-
-    return {
-      failures,
-      manifestValues,
-    };
-  }
-}
-
-export default SplashScreen;
-export {UIStrings};

package/core/audits/themed-omnibox.d.ts

@@ -1,42 +0,0 @@
-export default ThemedOmnibox;
-/**
- * @fileoverview
- * Audits if a page is configured for a themed address bar
- *
- * Requirements:
- *   * manifest is not empty
- *   * manifest has a theme_color
- *   * HTML has a theme-color meta
- *
- * Color validity is explicitly not checked.
- */
-declare class ThemedOmnibox extends MultiCheckAudit {
-    /**
-     * @param {LH.Artifacts.MetaElement|undefined} themeColorMeta
-     * @param {Array<string>} failures
-     */
-    static assessMetaThemecolor(themeColorMeta: LH.Artifacts.MetaElement | undefined, failures: Array<string>): void;
-    /**
-     * @param {LH.Artifacts.ManifestValues} manifestValues
-     * @param {Array<string>} failures
-     */
-    static assessManifest(manifestValues: LH.Artifacts.ManifestValues, failures: Array<string>): void;
-    /**
-     * @param {LH.Artifacts} artifacts
-     * @param {LH.Audit.Context} context
-     * @return {Promise<{failures: Array<string>, manifestValues: LH.Artifacts.ManifestValues, themeColor: ?string}>}
-     */
-    static audit_(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<{
-        failures: Array<string>;
-        manifestValues: LH.Artifacts.ManifestValues;
-        themeColor: string | null;
-    }>;
-}
-export namespace UIStrings {
-    const title: string;
-    const failureTitle: string;
-    const description: string;
-}
-import MultiCheckAudit from './multi-check-audit.js';
-import { ManifestValues } from '../computed/manifest-values.js';
-//# sourceMappingURL=themed-omnibox.d.ts.map

package/core/audits/themed-omnibox.js

@@ -1,102 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import MultiCheckAudit from './multi-check-audit.js';
-import {ManifestValues} from '../computed/manifest-values.js';
-import * as i18n from '../lib/i18n/i18n.js';
-
-const UIStrings = {
-  /** Title of a Lighthouse audit that provides detail on the theme color the web page has set for the browser's address bar. This descriptive title is shown to users when an address-bar theme color has been set. */
-  title: 'Sets a theme color for the address bar.',
-  /** Title of a Lighthouse audit that provides detail on the theme color the web page has set for the browser's address bar. This descriptive title is shown to users when an address-bar theme color has not been set. */
-  failureTitle: 'Does not set a theme color for the address bar.',
-  /** Description of a Lighthouse audit that tells the user why they should set a theme color for the browser's address bar. 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: 'The browser address bar can be themed to match your site. ' +
-    '[Learn more about theming the address bar](https://developer.chrome.com/docs/lighthouse/pwa/themed-omnibox/).',
-};
-
-const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
-
-/**
- * @fileoverview
- * Audits if a page is configured for a themed address bar
- *
- * Requirements:
- *   * manifest is not empty
- *   * manifest has a theme_color
- *   * HTML has a theme-color meta
- *
- * Color validity is explicitly not checked.
- */
-
-class ThemedOmnibox extends MultiCheckAudit {
-  /**
-   * @return {LH.Audit.Meta}
-   */
-  static get meta() {
-    return {
-      id: 'themed-omnibox',
-      title: str_(UIStrings.title),
-      failureTitle: str_(UIStrings.failureTitle),
-      description: str_(UIStrings.description),
-      supportedModes: ['navigation'],
-      requiredArtifacts: ['WebAppManifest', 'InstallabilityErrors', 'MetaElements'],
-    };
-  }
-
-  /**
-   * @param {LH.Artifacts.MetaElement|undefined} themeColorMeta
-   * @param {Array<string>} failures
-   */
-  static assessMetaThemecolor(themeColorMeta, failures) {
-    if (!themeColorMeta) {
-      // TODO(#7238): i18n
-      failures.push('No `<meta name="theme-color">` tag found');
-    } else if (!themeColorMeta.content) {
-      failures.push('The theme-color meta tag did not contain a content value');
-    }
-  }
-
-  /**
-   * @param {LH.Artifacts.ManifestValues} manifestValues
-   * @param {Array<string>} failures
-   */
-  static assessManifest(manifestValues, failures) {
-    if (manifestValues.isParseFailure && manifestValues.parseFailureReason) {
-      failures.push(manifestValues.parseFailureReason);
-      return;
-    }
-
-    const themeColorCheck = manifestValues.allChecks.find(i => i.id === 'hasThemeColor');
-    if (themeColorCheck && !themeColorCheck.passing) {
-      failures.push(themeColorCheck.failureText);
-    }
-  }
-
-  /**
-   * @param {LH.Artifacts} artifacts
-   * @param {LH.Audit.Context} context
-   * @return {Promise<{failures: Array<string>, manifestValues: LH.Artifacts.ManifestValues, themeColor: ?string}>}
-   */
-  static async audit_(artifacts, context) {
-    /** @type {Array<string>} */
-    const failures = [];
-
-    const themeColorMeta = artifacts.MetaElements.find(meta => meta.name === 'theme-color');
-    const manifestValues = await ManifestValues.request(artifacts, context);
-    ThemedOmnibox.assessManifest(manifestValues, failures);
-    ThemedOmnibox.assessMetaThemecolor(themeColorMeta, failures);
-
-    return {
-      failures,
-      manifestValues,
-      themeColor: themeColorMeta?.content || null,
-    };
-  }
-}
-
-export default ThemedOmnibox;
-export {UIStrings};

package/core/computed/manifest-values.d.ts

@@ -1,24 +0,0 @@
-export { ManifestValuesComputed as ManifestValues };
-declare const ManifestValuesComputed: typeof ManifestValues & {
-    request: (dependencies: Pick<import("../index.js").Artifacts, "InstallabilityErrors" | "WebAppManifest">, context: import("../../types/utility-types.js").default.ImmutableObject<{
-        computedCache: Map<string, import("../lib/arbitrary-equality-map.js").ArbitraryEqualityMap>;
-    }>) => Promise<import("../index.js").Artifacts.ManifestValues>;
-};
-declare class ManifestValues {
-    /** @typedef {(val: NonNullable<LH.Artifacts.Manifest['value']>, errors: LH.Artifacts.InstallabilityErrors['errors']) => boolean} Validator */
-    /**
-     * @return {Array<{id: LH.Artifacts.ManifestValueCheckID, failureText: string, validate: Validator}>}
-     */
-    static get manifestChecks(): {
-        id: LH.Artifacts.ManifestValueCheckID;
-        failureText: string;
-        validate: (val: NonNullable<LH.Artifacts.Manifest['value']>, errors: LH.Artifacts.InstallabilityErrors['errors']) => boolean;
-    }[];
-    /**
-     * Returns results of all manifest checks
-     * @param {Pick<LH.Artifacts, 'WebAppManifest'|'InstallabilityErrors'>} Manifest
-     * @return {Promise<LH.Artifacts.ManifestValues>}
-     */
-    static compute_({ WebAppManifest, InstallabilityErrors }: Pick<LH.Artifacts, 'WebAppManifest' | 'InstallabilityErrors'>): Promise<LH.Artifacts.ManifestValues>;
-}
-//# sourceMappingURL=manifest-values.d.ts.map

package/core/computed/manifest-values.js

@@ -1,136 +0,0 @@
-/**
- * @license
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {makeComputedArtifact} from './computed-artifact.js';
-import * as icons from '../lib/icons.js';
-
-const PWA_DISPLAY_VALUES = ['minimal-ui', 'fullscreen', 'standalone'];
-
-// Historically, Chrome recommended 12 chars as the maximum short_name length to prevent truncation.
-// For more discussion, see https://github.com/GoogleChrome/lighthouse/issues/69 and https://developer.chrome.com/apps/manifest/name#short_name
-const SUGGESTED_SHORTNAME_LENGTH = 12;
-
-class ManifestValues {
-  /** @typedef {(val: NonNullable<LH.Artifacts.Manifest['value']>, errors: LH.Artifacts.InstallabilityErrors['errors']) => boolean} Validator */
-
-  /**
-   * @return {Array<{id: LH.Artifacts.ManifestValueCheckID, failureText: string, validate: Validator}>}
-   */
-  static get manifestChecks() {
-    return [
-      {
-        id: 'hasStartUrl',
-        failureText: 'Manifest does not contain a `start_url`',
-        validate: manifestValue => !!manifestValue.start_url.value,
-      },
-      {
-        id: 'hasIconsAtLeast144px',
-        failureText: 'Manifest does not have a PNG icon of at least 144px',
-        validate: manifestValue => icons.doExist(manifestValue) &&
-            icons.pngSizedAtLeast(144, manifestValue).length > 0,
-      },
-      {
-        id: 'hasIconsAtLeast512px',
-        failureText: 'Manifest does not have a PNG icon of at least 512px',
-        validate: manifestValue => icons.doExist(manifestValue) &&
-            icons.pngSizedAtLeast(512, manifestValue).length > 0,
-      },
-      {
-        id: 'fetchesIcon',
-        failureText: 'Manifest icon failed to be fetched',
-        validate: (manifestValue, errors) => {
-          const failedToFetchIconErrorIds = [
-            'cannot-download-icon',
-            'no-icon-available',
-          ];
-          return icons.doExist(manifestValue) &&
-            !errors.some(error => failedToFetchIconErrorIds.includes(error.errorId));
-        },
-      },
-      {
-        id: 'hasPWADisplayValue',
-        failureText: 'Manifest\'s `display` value is not one of: ' + PWA_DISPLAY_VALUES.join(' | '),
-        validate: manifestValue => PWA_DISPLAY_VALUES.includes(manifestValue.display.value),
-      },
-      {
-        id: 'hasBackgroundColor',
-        failureText: 'Manifest does not have `background_color`',
-        validate: manifestValue => !!manifestValue.background_color.value,
-      },
-      {
-        id: 'hasThemeColor',
-        failureText: 'Manifest does not have `theme_color`',
-        validate: manifestValue => !!manifestValue.theme_color.value,
-      },
-      {
-        id: 'hasShortName',
-        failureText: 'Manifest does not have `short_name`',
-        validate: manifestValue => !!manifestValue.short_name.value,
-      },
-      {
-        id: 'shortNameLength',
-        failureText: `Manifest's \`short_name\` is too long (>${SUGGESTED_SHORTNAME_LENGTH} ` +
-          `characters) to be displayed on a homescreen without truncation`,
-        // Pass if there's no short_name. Don't want to report a non-existent string is too long
-        validate: manifestValue => !!manifestValue.short_name.value &&
-            manifestValue.short_name.value.length <= SUGGESTED_SHORTNAME_LENGTH,
-      },
-      {
-        id: 'hasName',
-        failureText: 'Manifest does not have `name`',
-        validate: manifestValue => !!manifestValue.name.value,
-      },
-      {
-        id: 'hasMaskableIcon',
-        failureText: 'Manifest does not have at least one icon that is maskable',
-        validate: ManifestValue => icons.doExist(ManifestValue) &&
-            icons.containsMaskableIcon(ManifestValue),
-      },
-    ];
-  }
-
-  /**
-   * Returns results of all manifest checks
-   * @param {Pick<LH.Artifacts, 'WebAppManifest'|'InstallabilityErrors'>} Manifest
-   * @return {Promise<LH.Artifacts.ManifestValues>}
-   */
-  static async compute_({WebAppManifest, InstallabilityErrors}) {
-    // if the manifest isn't there or is invalid json, we report that and bail
-    if (WebAppManifest === null) {
-      return {
-        isParseFailure: true,
-        parseFailureReason: 'No manifest was fetched',
-        allChecks: [],
-      };
-    }
-    const manifestValue = WebAppManifest.value;
-    if (manifestValue === undefined) {
-      return {
-        isParseFailure: true,
-        parseFailureReason: 'Manifest failed to parse as valid JSON',
-        allChecks: [],
-      };
-    }
-
-    // manifest is valid, so do the rest of the checks
-    const remainingChecks = ManifestValues.manifestChecks.map(item => {
-      return {
-        id: item.id,
-        failureText: item.failureText,
-        passing: item.validate(manifestValue, InstallabilityErrors.errors),
-      };
-    });
-
-    return {
-      isParseFailure: false,
-      allChecks: remainingChecks,
-    };
-  }
-}
-
-const ManifestValuesComputed =
-  makeComputedArtifact(ManifestValues, ['InstallabilityErrors', 'WebAppManifest']);
-export {ManifestValuesComputed as ManifestValues};

package/core/gather/gatherers/dobetterweb/tags-blocking-first-paint.d.ts

@@ -1,47 +0,0 @@
-export default TagsBlockingFirstPaint;
-export type MediaChange = {
-    href: string;
-    media: string;
-    msSinceHTMLEnd: number;
-    matches: boolean;
-};
-export type LinkTag = {
-    tagName: 'LINK';
-    url: string;
-    href: string;
-    rel: string;
-    media: string;
-    disabled: boolean;
-    mediaChanges: Array<MediaChange>;
-};
-export type ScriptTag = {
-    tagName: 'SCRIPT';
-    url: string;
-    src: string;
-};
-declare class TagsBlockingFirstPaint extends BaseGatherer {
-    /**
-     * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-     * @return {Map<string, LH.Artifacts.NetworkRequest>}
-     */
-    static _filteredAndIndexedByUrl(networkRecords: Array<LH.Artifacts.NetworkRequest>): Map<string, LH.Artifacts.NetworkRequest>;
-    /**
-     * @param {LH.Gatherer.Driver} driver
-     * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-     * @return {Promise<Array<LH.Artifacts.TagBlockingFirstPaint>>}
-     */
-    static findBlockingTags(driver: LH.Gatherer.Driver, networkRecords: Array<LH.Artifacts.NetworkRequest>): Promise<Array<LH.Artifacts.TagBlockingFirstPaint>>;
-    /** @type {LH.Gatherer.GathererMeta<'DevtoolsLog'>} */
-    meta: LH.Gatherer.GathererMeta<'DevtoolsLog'>;
-    /**
-     * @param {LH.Gatherer.Context} context
-     */
-    startSensitiveInstrumentation(context: LH.Gatherer.Context): Promise<void>;
-    /**
-     * @param {LH.Gatherer.Context<'DevtoolsLog'>} context
-     * @return {Promise<LH.Artifacts['TagsBlockingFirstPaint']>}
-     */
-    getArtifact(context: LH.Gatherer.Context<'DevtoolsLog'>): Promise<LH.Artifacts['TagsBlockingFirstPaint']>;
-}
-import BaseGatherer from '../../base-gatherer.js';
-//# sourceMappingURL=tags-blocking-first-paint.d.ts.map

package/core/gather/gatherers/dobetterweb/tags-blocking-first-paint.js

@@ -1,233 +0,0 @@
-/**
- * @license
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * @fileoverview
- *   Identifies stylesheets, HTML Imports, and scripts that potentially block
- *   the first paint of the page by running several scripts in the page context.
- *   Candidate blocking tags are collected by querying for all script tags in
- *   the head of the page and all link tags that are either matching media
- *   stylesheets or non-async HTML imports. These are then compared to the
- *   network requests to ensure they were initiated by the parser and not
- *   injected with script. To avoid false positives from strategies like
- *   (http://filamentgroup.github.io/loadCSS/test/preload.html), a separate
- *   script is run to flag all links that at one point were rel=preload.
- */
-
-
-import {NetworkRecords} from '../../../computed/network-records.js';
-import DevtoolsLog from '../devtools-log.js';
-import BaseGatherer from '../../base-gatherer.js';
-
-/* global document, window, HTMLLinkElement, SVGScriptElement */
-
-/** @typedef {{href: string, media: string, msSinceHTMLEnd: number, matches: boolean}} MediaChange */
-/** @typedef {{tagName: 'LINK', url: string, href: string, rel: string, media: string, disabled: boolean, mediaChanges: Array<MediaChange>}} LinkTag */
-/** @typedef {{tagName: 'SCRIPT', url: string, src: string}} ScriptTag */
-
-/* c8 ignore start */
-function installMediaListener() {
-  // @ts-expect-error - inserted in page to track media changes.
-  window.___linkMediaChanges = [];
-  Object.defineProperty(HTMLLinkElement.prototype, 'media', {
-    set: function(val) {
-      /** @type {MediaChange} */
-      const mediaChange = {
-        href: this.href,
-        media: val,
-        msSinceHTMLEnd: Date.now() - performance.timing.responseEnd,
-        matches: window.matchMedia(val).matches,
-      };
-      // @ts-expect-error - `___linkMediaChanges` created above.
-      window.___linkMediaChanges.push(mediaChange);
-
-      this.setAttribute('media', val);
-    },
-  });
-}
-/* c8 ignore stop */
-
-/**
- * @return {Promise<Array<LinkTag | ScriptTag>>}
- */
-/* c8 ignore start */
-async function collectTagsThatBlockFirstPaint() {
-  /** @type {Array<MediaChange>} */
-  // @ts-expect-error - `___linkMediaChanges` created in `installMediaListener`.
-  const linkMediaChanges = window.___linkMediaChanges;
-
-  try {
-    /** @type {Array<LinkTag>} */
-    const linkTags = [...document.querySelectorAll('link')]
-      .filter(linkTag => {
-        // Ignore malformed links with no href (e.g. `<link rel="stylesheet" href="">`)
-        // The resolved `linkTag.href` will be the main document, but the main document
-        // should never be render blocking.
-        if (!linkTag.getAttribute('href')) return false;
-
-        // Filter stylesheet/HTML imports that block rendering.
-        // https://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/
-        // https://www.w3.org/TR/html-imports/#dfn-import-async-attribute
-        const blockingStylesheet = linkTag.rel === 'stylesheet' &&
-          window.matchMedia(linkTag.media).matches && !linkTag.disabled;
-        const blockingImport = linkTag.rel === 'import' && !linkTag.hasAttribute('async');
-        return blockingStylesheet || blockingImport;
-      })
-      .map(tag => {
-        return {
-          tagName: 'LINK',
-          url: tag.href,
-          href: tag.href,
-          rel: tag.rel,
-          media: tag.media,
-          disabled: tag.disabled,
-          mediaChanges: linkMediaChanges.filter(item => item.href === tag.href),
-        };
-      });
-
-    /** @type {Array<ScriptTag>} */
-    const scriptTags = [...document.querySelectorAll('head script[src]')]
-      .filter(/** @return {scriptTag is HTMLScriptElement} */ scriptTag => {
-        // SVGScriptElement can't appear in <head> (it'll be kicked to <body>), but keep tsc happy.
-        // https://html.spec.whatwg.org/multipage/semantics.html#the-head-element
-        if (scriptTag instanceof SVGScriptElement) return false;
-
-        return (
-          !scriptTag.hasAttribute('async') &&
-          !scriptTag.hasAttribute('defer') &&
-          !/^data:/.test(scriptTag.src) &&
-          !/^blob:/.test(scriptTag.src) &&
-          scriptTag.getAttribute('type') !== 'module'
-        );
-      })
-      .map(tag => {
-        return {
-          tagName: 'SCRIPT',
-          url: tag.src,
-          src: tag.src,
-        };
-      });
-
-    return [...linkTags, ...scriptTags];
-  } catch (e) {
-    const friendly = 'Unable to gather Scripts/Stylesheets/HTML Imports on the page';
-    throw new Error(`${friendly}: ${e.message}`);
-  }
-}
-/* c8 ignore stop */
-
-class TagsBlockingFirstPaint extends BaseGatherer {
-  /** @type {LH.Gatherer.GathererMeta<'DevtoolsLog'>} */
-  meta = {
-    supportedModes: ['navigation'],
-    dependencies: {DevtoolsLog: DevtoolsLog.symbol},
-  };
-
-  /**
-   * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {Map<string, LH.Artifacts.NetworkRequest>}
-   */
-  static _filteredAndIndexedByUrl(networkRecords) {
-    /** @type {Map<string, LH.Artifacts.NetworkRequest>} */
-    const result = new Map();
-
-    for (const record of networkRecords) {
-      if (!record.finished) continue;
-
-      const isParserGenerated = record.initiator.type === 'parser';
-      // A stylesheet only blocks script if it was initiated by the parser
-      // https://html.spec.whatwg.org/multipage/semantics.html#interactions-of-styling-and-scripting
-      const isParserScriptOrStyle = /(css|script)/.test(record.mimeType) && isParserGenerated;
-      const isFailedRequest = record.failed;
-      const isHtml = record.mimeType && record.mimeType.includes('html');
-
-      // Filter stylesheet, javascript, and html import mimetypes.
-      // Include 404 scripts/links generated by the parser because they are likely blocking.
-      if (isHtml || isParserScriptOrStyle || (isFailedRequest && isParserGenerated)) {
-        result.set(record.url, record);
-      }
-    }
-
-    return result;
-  }
-
-  /**
-   * @param {LH.Gatherer.Driver} driver
-   * @param {Array<LH.Artifacts.NetworkRequest>} networkRecords
-   * @return {Promise<Array<LH.Artifacts.TagBlockingFirstPaint>>}
-   */
-  static async findBlockingTags(driver, networkRecords) {
-    const firstRequestEndTime = networkRecords.reduce(
-      (min, record) => Math.min(min, record.networkEndTime),
-      Infinity
-    );
-    const tags = await driver.executionContext.evaluate(collectTagsThatBlockFirstPaint, {args: []});
-    const requests = TagsBlockingFirstPaint._filteredAndIndexedByUrl(networkRecords);
-
-    /** @type {Array<LH.Artifacts.TagBlockingFirstPaint>} */
-    const result = [];
-    for (const tag of tags) {
-      const request = requests.get(tag.url);
-      if (!request || request.isLinkPreload) continue;
-
-      let endTime = request.networkEndTime;
-      let mediaChanges;
-
-      if (tag.tagName === 'LINK') {
-        // Even if the request was initially blocking or appeared to be blocking once the
-        // page was loaded, the media attribute could have been changed during load, capping the
-        // amount of time it was render blocking. See https://github.com/GoogleChrome/lighthouse/issues/2832.
-        const timesResourceBecameNonBlocking = tag.mediaChanges
-          .filter(change => !change.matches)
-          .map(change => change.msSinceHTMLEnd);
-        if (timesResourceBecameNonBlocking.length > 0) {
-          const earliestNonBlockingTime = Math.min(...timesResourceBecameNonBlocking);
-          const lastTimeResourceWasBlocking = Math.max(
-            request.networkRequestTime,
-            firstRequestEndTime + earliestNonBlockingTime / 1000
-          );
-          endTime = Math.min(endTime, lastTimeResourceWasBlocking);
-        }
-
-        mediaChanges = tag.mediaChanges;
-      }
-
-      const {tagName, url} = tag;
-
-      result.push({
-        tag: {tagName, url, mediaChanges},
-        transferSize: request.transferSize,
-        startTime: request.networkRequestTime,
-        endTime,
-      });
-
-      // Prevent duplicates from showing up again
-      requests.delete(tag.url);
-    }
-
-    return result;
-  }
-
-  /**
-   * @param {LH.Gatherer.Context} context
-   */
-  async startSensitiveInstrumentation(context) {
-    const {executionContext} = context.driver;
-    // Don't return return value of `evaluateOnNewDocument`.
-    await executionContext.evaluateOnNewDocument(installMediaListener, {args: []});
-  }
-
-  /**
-   * @param {LH.Gatherer.Context<'DevtoolsLog'>} context
-   * @return {Promise<LH.Artifacts['TagsBlockingFirstPaint']>}
-   */
-  async getArtifact(context) {
-    const devtoolsLog = context.dependencies.DevtoolsLog;
-    const networkRecords = await NetworkRecords.request(devtoolsLog, context);
-    return TagsBlockingFirstPaint.findBlockingTags(context.driver, networkRecords);
-  }
-}
-
-export default TagsBlockingFirstPaint;