DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
76 lines
2.7 KiB
Text
76 lines
2.7 KiB
Text
/**
|
|
* @license
|
|
* Copyright 2019 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import * as Lantern from '../../lib/lantern/lantern.js';
|
|
import {makeComputedArtifact} from '../computed-artifact.js';
|
|
import ComputedMetric from './metric.js';
|
|
import {TraceProcessor} from '../../lib/tracehouse/trace-processor.js';
|
|
import {LanternTotalBlockingTime} from './lantern-total-blocking-time.js';
|
|
import {Interactive} from './interactive.js';
|
|
|
|
const {calculateSumOfBlockingTime} = Lantern.Metrics.TBTUtils;
|
|
|
|
/**
|
|
* @fileoverview This audit determines Total Blocking Time.
|
|
|
|
* We define Blocking Time as any time interval in the loading timeline where task length exceeds
|
|
* 50ms. For example, if there is a 110ms main thread task, the last 60ms of it is blocking time.
|
|
* Total Blocking Time is the sum of all Blocking Time between First Contentful Paint and
|
|
* Interactive Time (TTI).
|
|
*
|
|
* This is a new metric designed to accompany Time to Interactive. TTI is strict and does not
|
|
* reflect incremental improvements to the site performance unless the improvement concerns the last
|
|
* long task. Total Blocking Time on the other hand is designed to be much more responsive
|
|
* to smaller improvements to main thread responsiveness.
|
|
*/
|
|
class TotalBlockingTime extends ComputedMetric {
|
|
/**
|
|
* @param {LH.Artifacts.MetricComputationData} data
|
|
* @param {LH.Artifacts.ComputedContext} context
|
|
* @return {Promise<LH.Artifacts.LanternMetric>}
|
|
*/
|
|
static computeSimulatedMetric(data, context) {
|
|
const metricData = ComputedMetric.getMetricComputationInput(data);
|
|
return LanternTotalBlockingTime.request(metricData, context);
|
|
}
|
|
|
|
/**
|
|
* @param {LH.Artifacts.MetricComputationData} data
|
|
* @param {LH.Artifacts.ComputedContext} context
|
|
* @return {Promise<LH.Artifacts.Metric>}
|
|
*/
|
|
static async computeObservedMetric(data, context) {
|
|
const events = TraceProcessor.getMainThreadTopLevelEvents(data.processedTrace);
|
|
|
|
if (data.processedNavigation) {
|
|
const {firstContentfulPaint} = data.processedNavigation.timings;
|
|
const metricData = ComputedMetric.getMetricComputationInput(data);
|
|
const interactiveTimeMs = (await Interactive.request(metricData, context)).timing;
|
|
|
|
return {
|
|
timing: calculateSumOfBlockingTime(
|
|
events,
|
|
firstContentfulPaint,
|
|
interactiveTimeMs
|
|
),
|
|
};
|
|
} else {
|
|
return {
|
|
timing: calculateSumOfBlockingTime(
|
|
events,
|
|
0,
|
|
data.processedTrace.timings.traceEnd
|
|
),
|
|
};
|
|
}
|
|
}
|
|
}
|
|
|
|
const TotalBlockingTimeComputed = makeComputedArtifact(
|
|
TotalBlockingTime,
|
|
['devtoolsLog', 'gatherContext', 'settings', 'simulator', 'trace', 'URL', 'SourceMaps']
|
|
);
|
|
export {TotalBlockingTimeComputed as TotalBlockingTime};
|