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>
55 lines
2.6 KiB
Text
55 lines
2.6 KiB
Text
import type * as Handlers from '../handlers/handlers.js';
|
|
import * as Types from '../types/types.js';
|
|
import { type InsightModel, type InsightSetContext } from './types.js';
|
|
export declare const UIStrings: {
|
|
/**
|
|
* @description Title of an insight that provides details about slow CSS selectors.
|
|
*/
|
|
readonly title: "CSS Selector costs";
|
|
/**
|
|
* @description Text to describe how to improve the performance of CSS selectors.
|
|
*/
|
|
readonly description: "If Recalculate Style costs remain high, selector optimization can reduce them. [Optimize the selectors](https://developer.chrome.com/docs/devtools/performance/selector-stats) with both high elapsed time and high slow-path %. Simpler selectors, fewer selectors, a smaller DOM, and a shallower DOM will all reduce matching costs.";
|
|
/**
|
|
* @description Column name for count of elements that the engine attempted to match against a style rule
|
|
*/
|
|
readonly matchAttempts: "Match attempts";
|
|
/**
|
|
* @description Column name for count of elements that matched a style rule
|
|
*/
|
|
readonly matchCount: "Match count";
|
|
/**
|
|
* @description Column name for elapsed time spent computing a style rule
|
|
*/
|
|
readonly elapsed: "Elapsed time";
|
|
/**
|
|
* @description Column name for the selectors that took the longest amount of time/effort.
|
|
*/
|
|
readonly topSelectors: "Top selectors";
|
|
/**
|
|
* @description Column name for a total sum.
|
|
*/
|
|
readonly total: "Total";
|
|
/**
|
|
* @description Text status indicating that no CSS selector data was found.
|
|
*/
|
|
readonly enableSelectorData: "No CSS selector data was found. CSS selector stats need to be enabled in the performance panel settings.";
|
|
/**
|
|
* @description top CSS selector when ranked by elapsed time in ms
|
|
*/
|
|
readonly topSelectorElapsedTime: "Top selector elaspsed time";
|
|
/**
|
|
* @description top CSS selector when ranked by match attempt
|
|
*/
|
|
readonly topSelectorMatchAttempt: "Top selector match attempt";
|
|
};
|
|
export declare const i18nString: (id: string, values?: Record<string, string> | undefined) => Record<string, string>;
|
|
export type SlowCSSSelectorInsightModel = InsightModel<typeof UIStrings, {
|
|
totalElapsedMs: Types.Timing.Milli;
|
|
totalMatchAttempts: number;
|
|
totalMatchCount: number;
|
|
topSelectorElapsedMs: Types.Events.SelectorTiming | null;
|
|
topSelectorMatchAttempts: Types.Events.SelectorTiming | null;
|
|
}>;
|
|
export declare function generateInsight(parsedTrace: Handlers.Types.ParsedTrace, context: InsightSetContext): SlowCSSSelectorInsightModel;
|
|
export declare function createOverlays(_: SlowCSSSelectorInsightModel): Types.Overlays.Overlay[];
|