lighthouse 10.1.1 → 10.2.0

package/core/audits/dobetterweb/doctype.d.ts

@@ -18,5 +18,5 @@ export namespace UIStrings {
     const explanationSystemId: string;
     const explanationBadDoctype: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=doctype.d.ts.map

package/core/audits/dobetterweb/dom-size.d.ts

@@ -22,5 +22,5 @@ export namespace UIStrings {
     const statisticDOMDepth: string;
     const statisticDOMWidth: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=dom-size.d.ts.map

package/core/audits/dobetterweb/geolocation-on-start.d.ts

@@ -12,5 +12,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import ViolationAudit from "../violation-audit.js";
+import ViolationAudit from '../violation-audit.js';
 //# sourceMappingURL=geolocation-on-start.d.ts.map

package/core/audits/dobetterweb/inspector-issues.d.ts

@@ -41,5 +41,5 @@ export namespace UIStrings {
     const issueTypeBlockedByResponse: string;
     const issueTypeHeavyAds: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=inspector-issues.d.ts.map

package/core/audits/dobetterweb/js-libraries.d.ts

@@ -11,5 +11,5 @@ export namespace UIStrings {
     const description: string;
     const columnVersion: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=js-libraries.d.ts.map

package/core/audits/dobetterweb/no-document-write.d.ts

@@ -12,5 +12,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import ViolationAudit from "../violation-audit.js";
+import ViolationAudit from '../violation-audit.js';
 //# sourceMappingURL=no-document-write.d.ts.map

package/core/audits/dobetterweb/notification-on-start.d.ts

@@ -12,5 +12,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import ViolationAudit from "../violation-audit.js";
+import ViolationAudit from '../violation-audit.js';
 //# sourceMappingURL=notification-on-start.d.ts.map

package/core/audits/dobetterweb/paste-preventing-inputs.d.ts

@@ -11,5 +11,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=paste-preventing-inputs.d.ts.map

package/core/audits/dobetterweb/uses-http2.d.ts

@@ -66,7 +66,7 @@ export namespace UIStrings {
     const displayValue: string;
     const columnProtocol: string;
 }
-import { Audit } from "../audit.js";
-import { NetworkRequest } from "../../lib/network-request.js";
-import { EntityClassification } from "../../computed/entity-classification.js";
+import { Audit } from '../audit.js';
+import { NetworkRequest } from '../../lib/network-request.js';
+import { EntityClassification } from '../../computed/entity-classification.js';
 //# sourceMappingURL=uses-http2.d.ts.map

package/core/audits/dobetterweb/uses-passive-event-listeners.d.ts

@@ -12,5 +12,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import ViolationAudit from "../violation-audit.js";
+import ViolationAudit from '../violation-audit.js';
 //# sourceMappingURL=uses-passive-event-listeners.d.ts.map

package/core/audits/errors-in-console.d.ts

@@ -27,5 +27,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=errors-in-console.d.ts.map

package/core/audits/final-screenshot.d.ts

@@ -7,5 +7,5 @@ declare class FinalScreenshot extends Audit {
      */
     static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=final-screenshot.d.ts.map

package/core/audits/font-display.d.ts

@@ -28,5 +28,5 @@ export namespace UIStrings {
     const description: string;
     const undeclaredFontOriginWarning: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=font-display.d.ts.map

package/core/audits/image-aspect-ratio.d.ts

@@ -26,5 +26,5 @@ export namespace UIStrings {
     const columnDisplayed: string;
     const columnActual: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=image-aspect-ratio.d.ts.map

package/core/audits/image-size-responsive.d.ts

@@ -24,5 +24,5 @@ export namespace UIStrings {
     const columnActual: string;
     const columnExpected: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=image-size-responsive.d.ts.map

package/core/audits/installable-manifest.d.ts

@@ -115,5 +115,5 @@ export const UIStrings: {
      */
     'scheme-not-supported-for-webapk': string;
 };
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=installable-manifest.d.ts.map

package/core/audits/is-on-https.d.ts

@@ -19,5 +19,5 @@ export namespace UIStrings {
     const warning: string;
     const upgraded: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=is-on-https.d.ts.map

package/core/audits/largest-contentful-paint-element.d.ts

@@ -2,13 +2,27 @@ export default LargestContentfulPaintElement;
 declare class LargestContentfulPaintElement extends Audit {
     /**
      * @param {LH.Artifacts} artifacts
-     * @return {LH.Audit.Product}
+     * @param {LH.Audit.Context} context
+     * @return {Promise<LH.Audit.Details.Table|undefined>}
      */
-    static audit(artifacts: LH.Artifacts): LH.Audit.Product;
+    static makePhaseTable(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<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 {
     const title: string;
     const description: string;
+    const columnPhase: string;
+    const columnPercentOfLCP: string;
+    const columnTiming: string;
+    const itemTTFB: string;
+    const itemLoadDelay: string;
+    const itemLoadTime: string;
+    const itemRenderDelay: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=largest-contentful-paint-element.d.ts.map

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

@@ -6,6 +6,8 @@
 
 import {Audit} from './audit.js';
 import * as i18n from '../lib/i18n/i18n.js';
+import {LargestContentfulPaint} from '../computed/metrics/largest-contentful-paint.js';
+import {LCPBreakdown} from '../computed/metrics/lcp-breakdown.js';
 
 const UIStrings = {
   /** Descriptive title of a diagnostic audit that provides the element that was determined to be the Largest Contentful Paint. */
@@ -13,6 +15,20 @@ const UIStrings = {
   /** 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 about the Largest Contentful Paint element](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)',
+  /** Label for a column in a data table; entries will be the name of a phase in the Largest Contentful Paint (LCP) metric. */
+  columnPhase: 'Phase',
+  /** Label for a column in a data table; entries will be the percent of Largest Contentful Paint (LCP) that a phase covers. */
+  columnPercentOfLCP: '% of LCP',
+  /** Label for a column in a data table; entries will be the amount of time spent in a phase in the Largest Contentful Paint (LCP) metric. */
+  columnTiming: 'Timing',
+  /** Table item value for the Time To First Byte (TTFB) phase of the Largest Contentful Paint (LCP) metric. */
+  itemTTFB: 'TTFB',
+  /** Table item value for the load delay phase of the Largest Contentful Paint (LCP) metric. */
+  itemLoadDelay: 'Load Delay',
+  /** Table item value for the load time phase of the Largest Contentful Paint (LCP) metric. */
+  itemLoadTime: 'Load Time',
+  /** Table item value for the render delay phase of the Largest Contentful Paint (LCP) metric. */
+  itemRenderDelay: 'Render Delay',
 };
 
 const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings);
@@ -28,15 +44,64 @@ class LargestContentfulPaintElement extends Audit {
       description: str_(UIStrings.description),
       scoreDisplayMode: Audit.SCORING_MODES.INFORMATIVE,
       supportedModes: ['navigation'],
-      requiredArtifacts: ['traces', 'TraceElements'],
+      requiredArtifacts:
+        ['traces', 'TraceElements', 'devtoolsLogs', 'GatherContext', 'settings', 'URL'],
     };
   }
 
   /**
    * @param {LH.Artifacts} artifacts
-   * @return {LH.Audit.Product}
+   * @param {LH.Audit.Context} context
+   * @return {Promise<LH.Audit.Details.Table|undefined>}
    */
-  static audit(artifacts) {
+  static async makePhaseTable(artifacts, context) {
+    const trace = artifacts.traces[Audit.DEFAULT_PASS];
+    const devtoolsLog = artifacts.devtoolsLogs[Audit.DEFAULT_PASS];
+    const gatherContext = artifacts.GatherContext;
+    const metricComputationData = {trace, devtoolsLog, gatherContext,
+      settings: context.settings, URL: artifacts.URL};
+
+    const {timing: metricLcp} =
+      await LargestContentfulPaint.request(metricComputationData, context);
+    const {ttfb, loadStart, loadEnd} = await LCPBreakdown.request(metricComputationData, context);
+
+    let loadDelay = 0;
+    let loadTime = 0;
+    let renderDelay = metricLcp - ttfb;
+
+    if (loadStart && loadEnd) {
+      loadDelay = loadStart - ttfb;
+      loadTime = loadEnd - loadStart;
+      renderDelay = metricLcp - loadEnd;
+    }
+
+    const results = [
+      {phase: str_(UIStrings.itemTTFB), timing: ttfb},
+      {phase: str_(UIStrings.itemLoadDelay), timing: loadDelay},
+      {phase: str_(UIStrings.itemLoadTime), timing: loadTime},
+      {phase: str_(UIStrings.itemRenderDelay), timing: renderDelay},
+    ].map(result => {
+      const percent = 100 * result.timing / metricLcp;
+      const percentStr = `${percent.toFixed(0)}%`;
+      return {...result, percent: percentStr};
+    });
+
+    /** @type {LH.Audit.Details.Table['headings']} */
+    const headings = [
+      {key: 'phase', valueType: 'text', label: str_(UIStrings.columnPhase)},
+      {key: 'percent', valueType: 'text', label: str_(UIStrings.columnPercentOfLCP)},
+      {key: 'timing', valueType: 'ms', label: str_(UIStrings.columnTiming)},
+    ];
+
+    return Audit.makeTableDetails(headings, results);
+  }
+
+  /**
+   * @param {LH.Artifacts} artifacts
+   * @param {LH.Audit.Context} context
+   * @return {Promise<LH.Audit.Product>}
+   */
+  static async audit(artifacts, context) {
     const lcpElement = artifacts.TraceElements
       .find(element => element.traceEventType === 'largest-contentful-paint');
     const lcpElementDetails = [];
@@ -51,7 +116,15 @@ class LargestContentfulPaintElement extends Audit {
       {key: 'node', valueType: 'node', label: str_(i18n.UIStrings.columnElement)},
     ];
 
-    const details = Audit.makeTableDetails(headings, lcpElementDetails);
+    const elementTable = Audit.makeTableDetails(headings, lcpElementDetails);
+
+    const items = [elementTable];
+    if (elementTable.items.length) {
+      const phaseTable = await this.makePhaseTable(artifacts, context);
+      if (phaseTable) items.push(phaseTable);
+    }
+
+    const details = Audit.makeListDetails(items);
 
     const displayValue = str_(i18n.UIStrings.displayValueElementsFound,
       {nodeCount: lcpElementDetails.length});

package/core/audits/layout-shift-elements.d.ts

@@ -11,5 +11,5 @@ export namespace UIStrings {
     const description: string;
     const columnContribution: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=layout-shift-elements.d.ts.map

package/core/audits/lcp-lazy-loaded.d.ts

@@ -17,5 +17,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=lcp-lazy-loaded.d.ts.map

package/core/audits/long-tasks.d.ts

@@ -12,5 +12,5 @@ export namespace UIStrings {
     const description: string;
     const displayValue: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=long-tasks.d.ts.map

package/core/audits/main-thread-tasks.d.ts

@@ -7,5 +7,5 @@ declare class MainThreadTasks extends Audit {
      */
     static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=main-thread-tasks.d.ts.map

package/core/audits/mainthread-work-breakdown.d.ts

@@ -24,5 +24,5 @@ export namespace UIStrings {
     const description: string;
     const columnCategory: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=mainthread-work-breakdown.d.ts.map

package/core/audits/manual/manual-audit.d.ts

@@ -9,5 +9,5 @@ declare class ManualAudit extends Audit {
      */
     static audit(): LH.Audit.Product;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=manual-audit.d.ts.map

package/core/audits/manual/pwa-cross-browser.d.ts

@@ -8,5 +8,5 @@ export namespace UIStrings {
     const title: string;
     const description: string;
 }
-import ManualAudit from "./manual-audit.js";
+import ManualAudit from './manual-audit.js';
 //# sourceMappingURL=pwa-cross-browser.d.ts.map

package/core/audits/manual/pwa-each-page-has-url.d.ts

@@ -8,5 +8,5 @@ export namespace UIStrings {
     const title: string;
     const description: string;
 }
-import ManualAudit from "./manual-audit.js";
+import ManualAudit from './manual-audit.js';
 //# sourceMappingURL=pwa-each-page-has-url.d.ts.map

package/core/audits/manual/pwa-page-transitions.d.ts

@@ -8,5 +8,5 @@ export namespace UIStrings {
     const title: string;
     const description: string;
 }
-import ManualAudit from "./manual-audit.js";
+import ManualAudit from './manual-audit.js';
 //# sourceMappingURL=pwa-page-transitions.d.ts.map

package/core/audits/maskable-icon.d.ts

@@ -21,5 +21,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=maskable-icon.d.ts.map

package/core/audits/metrics/cumulative-layout-shift.d.ts

@@ -17,5 +17,5 @@ declare class CumulativeLayoutShift extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=cumulative-layout-shift.d.ts.map

package/core/audits/metrics/experimental-interaction-to-next-paint.d.ts

@@ -17,5 +17,5 @@ declare class ExperimentalInteractionToNextPaint extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=experimental-interaction-to-next-paint.d.ts.map

package/core/audits/metrics/first-contentful-paint-3g.d.ts

@@ -11,5 +11,5 @@ declare class FirstContentfulPaint3G extends Audit {
      */
     static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=first-contentful-paint-3g.d.ts.map

package/core/audits/metrics/first-contentful-paint.d.ts

@@ -21,5 +21,5 @@ declare class FirstContentfulPaint extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=first-contentful-paint.d.ts.map

package/core/audits/metrics/first-meaningful-paint.d.ts

@@ -24,5 +24,5 @@ declare class FirstMeaningfulPaint extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=first-meaningful-paint.d.ts.map

package/core/audits/metrics/interactive.d.ts

@@ -27,5 +27,5 @@ declare class InteractiveMetric extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=interactive.d.ts.map

package/core/audits/metrics/largest-contentful-paint.d.ts

@@ -21,5 +21,5 @@ declare class LargestContentfulPaint extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=largest-contentful-paint.d.ts.map

package/core/audits/metrics/max-potential-fid.d.ts

@@ -19,5 +19,5 @@ declare class MaxPotentialFID extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=max-potential-fid.d.ts.map

package/core/audits/metrics/speed-index.d.ts

@@ -23,5 +23,5 @@ declare class SpeedIndex extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=speed-index.d.ts.map

package/core/audits/metrics/total-blocking-time.d.ts

@@ -28,5 +28,5 @@ declare class TotalBlockingTime extends Audit {
 export namespace UIStrings {
     const description: string;
 }
-import { Audit } from "../audit.js";
+import { Audit } from '../audit.js';
 //# sourceMappingURL=total-blocking-time.d.ts.map

package/core/audits/metrics.d.ts

@@ -7,5 +7,5 @@ declare class Metrics extends Audit {
      */
     static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=metrics.d.ts.map

package/core/audits/multi-check-audit.d.ts

@@ -24,5 +24,5 @@ declare class MultiCheckAudit extends Audit {
         manifestValues?: LH.Artifacts.ManifestValues;
     }>;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=multi-check-audit.d.ts.map

package/core/audits/network-requests.d.ts

@@ -7,5 +7,5 @@ declare class NetworkRequests extends Audit {
      */
     static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=network-requests.d.ts.map

package/core/audits/network-requests.js

@@ -63,6 +63,7 @@ class NetworkRequests extends Audit {
 
       return {
         url: UrlUtils.elideDataURI(record.url),
+        sessionTargetType: record.sessionTargetType,
         protocol: record.protocol,
         rendererStartTime: normalizeTime(record.rendererStartTime),
         networkRequestTime: normalizeTime(record.networkRequestTime),

package/core/audits/network-rtt.d.ts

@@ -11,5 +11,5 @@ export namespace UIStrings {
     const title: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=network-rtt.d.ts.map

package/core/audits/network-server-latency.d.ts

@@ -11,5 +11,5 @@ export namespace UIStrings {
     const title: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=network-server-latency.d.ts.map

package/core/audits/no-unload-listeners.d.ts

@@ -12,5 +12,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=no-unload-listeners.d.ts.map

package/core/audits/non-composited-animations.d.ts

@@ -17,5 +17,5 @@ export namespace UIStrings {
     const incompatibleAnimations: string;
     const unsupportedTimingParameters: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=non-composited-animations.d.ts.map

package/core/audits/performance-budget.d.ts

@@ -34,6 +34,6 @@ export namespace UIStrings {
     const description: string;
     const requestCountOverBudget: string;
 }
-import { Budget } from "../config/budget.js";
-import { Audit } from "./audit.js";
+import { Budget } from '../config/budget.js';
+import { Audit } from './audit.js';
 //# sourceMappingURL=performance-budget.d.ts.map

package/core/audits/predictive-perf.d.ts

@@ -7,5 +7,5 @@ declare class PredictivePerf extends Audit {
      */
     static audit(artifacts: LH.Artifacts, context: LH.Audit.Context): Promise<LH.Audit.Product>;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=predictive-perf.d.ts.map

package/core/audits/predictive-perf.js

@@ -11,6 +11,8 @@ import {LanternFirstMeaningfulPaint} from '../computed/metrics/lantern-first-mea
 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';
+import {TimingSummary} from '../computed/metrics/timing-summary.js';
+import {defaultSettings} from '../config/constants.js';
 
 // Parameters (in ms) for log-normal CDF scoring. To see the curve:
 //   https://www.desmos.com/calculator/bksgkihhj8
@@ -32,7 +34,7 @@ class PredictivePerf extends Audit {
         'a cellular connection on a mobile device.',
       scoreDisplayMode: Audit.SCORING_MODES.NUMERIC,
       supportedModes: ['navigation'],
-      requiredArtifacts: ['traces', 'devtoolsLogs', 'GatherContext'],
+      requiredArtifacts: ['traces', 'devtoolsLogs', 'GatherContext', 'URL'],
     };
   }
 
@@ -47,8 +49,7 @@ class PredictivePerf extends Audit {
     const devtoolsLog = artifacts.devtoolsLogs[Audit.DEFAULT_PASS];
     const URL = artifacts.URL;
     /** @type {LH.Config.Settings} */
-    // @ts-expect-error - TODO(bckenny): allow optional `throttling` settings
-    const settings = {}; // Use default settings.
+    const settings = JSON.parse(JSON.stringify(defaultSettings)); // Use default settings.
     const computationData = {trace, devtoolsLog, gatherContext, settings, URL};
     const fcp = await LanternFirstContentfulPaint.request(computationData, context);
     const fmp = await LanternFirstMeaningfulPaint.request(computationData, context);
@@ -56,6 +57,8 @@ class PredictivePerf extends Audit {
     const si = await LanternSpeedIndex.request(computationData, context);
     const lcp = await LanternLargestContentfulPaint.request(computationData, context);
 
+    const timingSummary = await TimingSummary.request(computationData, context);
+
     const values = {
       roughEstimateOfFCP: fcp.timing,
       optimisticFCP: fcp.optimisticEstimate.timeInMs,
@@ -76,6 +79,10 @@ class PredictivePerf extends Audit {
       roughEstimateOfLCP: lcp.timing,
       optimisticLCP: lcp.optimisticEstimate.timeInMs,
       pessimisticLCP: lcp.pessimisticEstimate.timeInMs,
+
+      roughEstimateOfTTFB: timingSummary.metrics.timeToFirstByte,
+      roughEstimateOfLCPLoadStart: timingSummary.metrics.lcpLoadStart,
+      roughEstimateOfLCPLoadEnd: timingSummary.metrics.lcpLoadEnd,
     };
 
     const score = Audit.computeLogNormalScore(

package/core/audits/preload-fonts.d.ts

@@ -25,5 +25,5 @@ export namespace UIStrings {
     const failureTitle: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
+import { Audit } from './audit.js';
 //# sourceMappingURL=preload-fonts.d.ts.map

package/core/audits/prioritize-lcp-image.d.ts

@@ -42,16 +42,6 @@ declare class PrioritizeLcpImage extends Audit {
         lcpNodeToPreload?: import("../lib/dependency-graph/network-node.js").NetworkNode | undefined;
         initiatorPath?: InitiatorPath | undefined;
     };
-    /**
-     * Match the LCP event with the paint event to get the request of the image actually painted.
-     * This could differ from the `ImageElement` associated with the nodeId if e.g. the LCP
-     * was a pseudo-element associated with a node containing a smaller background-image.
-     * @param {LH.Trace} trace
-     * @param {LH.Artifacts.ProcessedNavigation} processedNavigation
-     * @param {Array<NetworkRequest>} networkRecords
-     * @return {NetworkRequest|undefined}
-     */
-    static getLcpRecord(trace: LH.Trace, processedNavigation: LH.Artifacts.ProcessedNavigation, networkRecords: Array<NetworkRequest>): NetworkRequest | undefined;
     /**
      * Computes the estimated effect of preloading the LCP image.
      * @param {LH.Artifacts.TraceElement} lcpElement
@@ -79,7 +69,6 @@ export namespace UIStrings {
     const title: string;
     const description: string;
 }
-import { Audit } from "./audit.js";
-import { NetworkRequest } from "../lib/network-request.js";
-import { ProcessedNavigation } from "../computed/processed-navigation.js";
+import { Audit } from './audit.js';
+import { NetworkRequest } from '../lib/network-request.js';
 //# sourceMappingURL=prioritize-lcp-image.d.ts.map