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>
95 lines
No EOL
4.4 KiB
Text
95 lines
No EOL
4.4 KiB
Text
// Copyright 2024 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
// import * as i18n from '../../../core/i18n/i18n.js';
|
|
import * as ThirdPartyWeb from '../../../third_party/third-party-web/third-party-web.js';
|
|
import * as Extras from '../extras/extras.js';
|
|
import * as Handlers from '../handlers/handlers.js';
|
|
import { InsightCategory, InsightKeys, } from './types.js';
|
|
export const UIStrings = {
|
|
/** Title of an insight that provides details about the code on a web page that the user doesn't control (referred to as "third-party code"). */
|
|
title: '3rd parties',
|
|
/**
|
|
* @description Description of a DevTools insight that identifies the code on the page that the user doesn't control.
|
|
* This is displayed after a user expands the section to see more. No character length limits.
|
|
*/
|
|
description: '3rd party code can significantly impact load performance. ' +
|
|
'[Reduce and defer loading of 3rd party code](https://web.dev/articles/optimizing-content-efficiency-loading-third-party-javascript/) to prioritize your page\'s content.',
|
|
/** Label for a table column that displays the name of a third-party provider. */
|
|
columnThirdParty: '3rd party',
|
|
/** Label for a column in a data table; entries will be the download size of a web resource in kilobytes. */
|
|
columnTransferSize: 'Transfer size',
|
|
/** Label for a table column that displays how much time each row spent running on the main thread, entries will be the number of milliseconds spent. */
|
|
columnMainThreadTime: 'Main thread time',
|
|
/**
|
|
* @description Text block indicating that no third party content was detected on the page
|
|
*/
|
|
noThirdParties: 'No third parties found',
|
|
};
|
|
// const str_ = i18n.i18n.registerUIStrings('models/trace/insights/ThirdParties.ts', UIStrings);
|
|
export const i18nString = (i18nId, values) => ({i18nId, values}); // i18n.i18n.getLocalizedString.bind(undefined, str_);
|
|
function getRelatedEvents(summaries, firstPartyEntity) {
|
|
const relatedEvents = [];
|
|
for (const summary of summaries) {
|
|
if (summary.entity !== firstPartyEntity) {
|
|
relatedEvents.push(...summary.relatedEvents);
|
|
}
|
|
}
|
|
return relatedEvents;
|
|
}
|
|
function finalize(partialModel) {
|
|
return {
|
|
insightKey: InsightKeys.THIRD_PARTIES,
|
|
strings: UIStrings,
|
|
title: i18nString(UIStrings.title),
|
|
description: i18nString(UIStrings.description),
|
|
category: InsightCategory.ALL,
|
|
state: partialModel.entitySummaries.find(summary => summary.entity !== partialModel.firstPartyEntity) ?
|
|
'informative' :
|
|
'pass',
|
|
...partialModel,
|
|
};
|
|
}
|
|
export function generateInsight(parsedTrace, context) {
|
|
const entitySummaries = Extras.ThirdParties.summarizeByThirdParty(parsedTrace, context.bounds);
|
|
const firstPartyUrl = context.navigation?.args.data?.documentLoaderURL ?? parsedTrace.Meta.mainFrameURL;
|
|
const firstPartyEntity = ThirdPartyWeb.ThirdPartyWeb.getEntity(firstPartyUrl) ||
|
|
Handlers.Helpers.makeUpEntity(parsedTrace.Renderer.entityMappings.createdEntityCache, firstPartyUrl);
|
|
return finalize({
|
|
relatedEvents: getRelatedEvents(entitySummaries, firstPartyEntity),
|
|
firstPartyEntity,
|
|
entitySummaries,
|
|
});
|
|
}
|
|
export function createOverlaysForSummary(summary) {
|
|
const overlays = [];
|
|
for (const event of summary.relatedEvents) {
|
|
// The events found for a third party can be vast, as they gather every
|
|
// single main thread task along with everything else on the page. If the
|
|
// main thread is busy with large icicles, we can easily create tens of
|
|
// thousands of overlays. Therefore, only create overlays for events of at least 1ms.
|
|
if (event.dur === undefined || event.dur < 1_000) {
|
|
continue;
|
|
}
|
|
const overlay = {
|
|
type: 'ENTRY_OUTLINE',
|
|
entry: event,
|
|
outlineReason: 'INFO',
|
|
};
|
|
overlays.push(overlay);
|
|
}
|
|
return overlays;
|
|
}
|
|
export function createOverlays(model) {
|
|
const overlays = [];
|
|
const summaries = model.entitySummaries ?? [];
|
|
for (const summary of summaries) {
|
|
if (summary.entity === model.firstPartyEntity) {
|
|
continue;
|
|
}
|
|
const summaryOverlays = createOverlaysForSummary(summary);
|
|
overlays.push(...summaryOverlays);
|
|
}
|
|
return overlays;
|
|
}
|
|
//# sourceMappingURL=ThirdParties.js.map |