@paulirish/trace_engine 0.0.55 → 0.0.56

package/locales/en-US.json

@@ -194,9 +194,6 @@
   "models/trace/insights/CLSCulprits.ts | description": {
     "message": "Layout shifts occur when elements move absent any user interaction. [Investigate the causes of layout shifts](https://web.dev/articles/optimize-cls), such as elements being added, removed, or their fonts changing as the page loads."
   },
-  "models/trace/insights/CLSCulprits.ts | fontRequest": {
-    "message": "Font request"
-  },
   "models/trace/insights/CLSCulprits.ts | injectedIframe": {
     "message": "Injected iframe"
   },
@@ -218,6 +215,9 @@
   "models/trace/insights/CLSCulprits.ts | unsizedImage": {
     "message": "Unsized image element"
   },
+  "models/trace/insights/CLSCulprits.ts | webFont": {
+    "message": "Web font"
+  },
   "models/trace/insights/CLSCulprits.ts | worstCluster": {
     "message": "Worst cluster"
   },
@@ -260,9 +260,18 @@
   "models/trace/insights/DOMSize.ts | description": {
     "message": "A large DOM can increase the duration of style calculations and layout reflows, impacting page responsiveness. A large DOM will also increase memory usage. [Learn how to avoid an excessive DOM size](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)."
   },
+  "models/trace/insights/DOMSize.ts | duration": {
+    "message": "Duration"
+  },
   "models/trace/insights/DOMSize.ts | element": {
     "message": "Element"
   },
+  "models/trace/insights/DOMSize.ts | largeLayout": {
+    "message": "Layout ({PH1} objects)"
+  },
+  "models/trace/insights/DOMSize.ts | largeStyleRecalc": {
+    "message": "Style recalculation ({PH1} elements)"
+  },
   "models/trace/insights/DOMSize.ts | maxChildren": {
     "message": "Most children"
   },
@@ -275,6 +284,9 @@
   "models/trace/insights/DOMSize.ts | title": {
     "message": "Optimize DOM size"
   },
+  "models/trace/insights/DOMSize.ts | topUpdatesDescription": {
+    "message": "These are the largest layout and style recalculation events. Their performance impact may be reduced by making the DOM simpler."
+  },
   "models/trace/insights/DOMSize.ts | totalElements": {
     "message": "Total elements"
   },
@@ -309,7 +321,7 @@
     "message": "(anonymous)"
   },
   "models/trace/insights/ForcedReflow.ts | description": {
-    "message": "Many APIs, typically reading layout geometry, force the rendering engine to pause script execution in order to calculate the style and layout. Learn more about [forced reflow](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#avoid-forced-synchronous-layouts) and its mitigations."
+    "message": "A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about [forced reflows](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#avoid-forced-synchronous-layouts) and possible mitigations."
   },
   "models/trace/insights/ForcedReflow.ts | relatedStackTrace": {
     "message": "Stack trace"
@@ -356,29 +368,59 @@
   "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
     "message": "Using video formats instead of GIFs can improve the download size of animated content."
   },
-  "models/trace/insights/InteractionToNextPaint.ts | description": {
-    "message": "Start investigating with the longest phase. [Delays can be minimized](https://web.dev/articles/optimize-inp#optimize_interactions). To reduce processing duration, [optimize the main-thread costs](https://web.dev/articles/optimize-long-tasks), often JS."
+  "models/trace/insights/INPBreakdown.ts | description": {
+    "message": "Start investigating with the longest subpart. [Delays can be minimized](https://web.dev/articles/optimize-inp#optimize_interactions). To reduce processing duration, [optimize the main-thread costs](https://web.dev/articles/optimize-long-tasks), often JS."
   },
-  "models/trace/insights/InteractionToNextPaint.ts | duration": {
+  "models/trace/insights/INPBreakdown.ts | duration": {
     "message": "Duration"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | inputDelay": {
+  "models/trace/insights/INPBreakdown.ts | inputDelay": {
     "message": "Input delay"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | noInteractions": {
+  "models/trace/insights/INPBreakdown.ts | noInteractions": {
     "message": "No interactions detected"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | phase": {
-    "message": "Phase"
-  },
-  "models/trace/insights/InteractionToNextPaint.ts | presentationDelay": {
+  "models/trace/insights/INPBreakdown.ts | presentationDelay": {
     "message": "Presentation delay"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | processingDuration": {
+  "models/trace/insights/INPBreakdown.ts | processingDuration": {
     "message": "Processing duration"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | title": {
-    "message": "INP by phase"
+  "models/trace/insights/INPBreakdown.ts | subpart": {
+    "message": "Subpart"
+  },
+  "models/trace/insights/INPBreakdown.ts | title": {
+    "message": "INP breakdown"
+  },
+  "models/trace/insights/LCPBreakdown.ts | description": {
+    "message": "Each [subpart has specific improvement strategies](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays."
+  },
+  "models/trace/insights/LCPBreakdown.ts | duration": {
+    "message": "Duration"
+  },
+  "models/trace/insights/LCPBreakdown.ts | elementRenderDelay": {
+    "message": "Element render delay"
+  },
+  "models/trace/insights/LCPBreakdown.ts | fieldDuration": {
+    "message": "Field p75"
+  },
+  "models/trace/insights/LCPBreakdown.ts | noLcp": {
+    "message": "No LCP detected"
+  },
+  "models/trace/insights/LCPBreakdown.ts | resourceLoadDelay": {
+    "message": "Resource load delay"
+  },
+  "models/trace/insights/LCPBreakdown.ts | resourceLoadDuration": {
+    "message": "Resource load duration"
+  },
+  "models/trace/insights/LCPBreakdown.ts | subpart": {
+    "message": "Subpart"
+  },
+  "models/trace/insights/LCPBreakdown.ts | timeToFirstByte": {
+    "message": "Time to first byte"
+  },
+  "models/trace/insights/LCPBreakdown.ts | title": {
+    "message": "LCP breakdown"
   },
   "models/trace/insights/LCPDiscovery.ts | description": {
     "message": "Optimize LCP by making the LCP image [discoverable](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) from the HTML immediately, and [avoiding lazy-loading](https://web.dev/articles/lcp-lazy-loading)"
@@ -407,36 +449,6 @@
   "models/trace/insights/LCPDiscovery.ts | title": {
     "message": "LCP request discovery"
   },
-  "models/trace/insights/LCPPhases.ts | description": {
-    "message": "Each [phase has specific improvement strategies](https://web.dev/articles/optimize-lcp#lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays."
-  },
-  "models/trace/insights/LCPPhases.ts | duration": {
-    "message": "Duration"
-  },
-  "models/trace/insights/LCPPhases.ts | elementRenderDelay": {
-    "message": "Element render delay"
-  },
-  "models/trace/insights/LCPPhases.ts | fieldDuration": {
-    "message": "Field p75"
-  },
-  "models/trace/insights/LCPPhases.ts | noLcp": {
-    "message": "No LCP detected"
-  },
-  "models/trace/insights/LCPPhases.ts | phase": {
-    "message": "Phase"
-  },
-  "models/trace/insights/LCPPhases.ts | resourceLoadDelay": {
-    "message": "Resource load delay"
-  },
-  "models/trace/insights/LCPPhases.ts | resourceLoadDuration": {
-    "message": "Resource load duration"
-  },
-  "models/trace/insights/LCPPhases.ts | timeToFirstByte": {
-    "message": "Time to first byte"
-  },
-  "models/trace/insights/LCPPhases.ts | title": {
-    "message": "LCP by phase"
-  },
   "models/trace/insights/LegacyJavaScript.ts | columnScript": {
     "message": "Script"
   },

package/locales/en-XL.json

@@ -194,9 +194,6 @@
   "models/trace/insights/CLSCulprits.ts | description": {
     "message": "L\u0302a\u0301y\u0302o\u0301u\u0302t\u0301 s\u0302h\u0301i\u0302f\u0301t\u0302s\u0301 o\u0302c\u0301c\u0302u\u0301r\u0302 w\u0301h\u0302e\u0301n\u0302 e\u0301l\u0302e\u0301m\u0302e\u0301n\u0302t\u0301s\u0302 m\u0301o\u0302v\u0301e\u0302 a\u0301b\u0302s\u0301e\u0302n\u0301t\u0302 a\u0301n\u0302y\u0301 u\u0302s\u0301e\u0302r\u0301 i\u0302n\u0301t\u0302e\u0301r\u0302a\u0301c\u0302t\u0301i\u0302o\u0301n\u0302. [I\u0301n\u0302v\u0301e\u0302s\u0301t\u0302i\u0301g\u0302a\u0301t\u0302e\u0301 t\u0302h\u0301e\u0302 c\u0301a\u0302u\u0301s\u0302e\u0301s\u0302 o\u0301f\u0302 l\u0301a\u0302y\u0301o\u0302u\u0301t\u0302 s\u0301h\u0302i\u0301f\u0302t\u0301s\u0302](https://web.dev/articles/optimize-cls), s\u0301u\u0302c\u0301h\u0302 a\u0301s\u0302 e\u0301l\u0302e\u0301m\u0302e\u0301n\u0302t\u0301s\u0302 b\u0301e\u0302i\u0301n\u0302g\u0301 a\u0302d\u0301d\u0302e\u0301d\u0302, r\u0301e\u0302m\u0301o\u0302v\u0301e\u0302d\u0301, o\u0302r\u0301 t\u0302h\u0301e\u0302i\u0301r\u0302 f\u0301o\u0302n\u0301t\u0302s\u0301 c\u0302h\u0301a\u0302n\u0301g\u0302i\u0301n\u0302g\u0301 a\u0302s\u0301 t\u0302h\u0301e\u0302 p\u0301a\u0302g\u0301e\u0302 l\u0301o\u0302a\u0301d\u0302s\u0301."
   },
-  "models/trace/insights/CLSCulprits.ts | fontRequest": {
-    "message": "F\u0302o\u0301n\u0302t\u0301 r\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302"
-  },
   "models/trace/insights/CLSCulprits.ts | injectedIframe": {
     "message": "I\u0302n\u0301j\u0302e\u0301c\u0302t\u0301e\u0302d\u0301 i\u0302f\u0301r\u0302a\u0301m\u0302e\u0301"
   },
@@ -218,6 +215,9 @@
   "models/trace/insights/CLSCulprits.ts | unsizedImage": {
     "message": "U\u0302n\u0301s\u0302i\u0301z\u0302e\u0301d\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301 e\u0302l\u0301e\u0302m\u0301e\u0302n\u0301t\u0302"
   },
+  "models/trace/insights/CLSCulprits.ts | webFont": {
+    "message": "W\u0302e\u0301b\u0302 f\u0301o\u0302n\u0301t\u0302"
+  },
   "models/trace/insights/CLSCulprits.ts | worstCluster": {
     "message": "W\u0302o\u0301r\u0302s\u0301t\u0302 c\u0301l\u0302u\u0301s\u0302t\u0301e\u0302r\u0301"
   },
@@ -260,9 +260,18 @@
   "models/trace/insights/DOMSize.ts | description": {
     "message": "A\u0302 l\u0301a\u0302r\u0301g\u0302e\u0301 D\u0302O\u0301M\u0302 c\u0301a\u0302n\u0301 i\u0302n\u0301c\u0302r\u0301e\u0302a\u0301s\u0302e\u0301 t\u0302h\u0301e\u0302 d\u0301u\u0302r\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 o\u0301f\u0302 s\u0301t\u0302y\u0301l\u0302e\u0301 c\u0302a\u0301l\u0302c\u0301u\u0302l\u0301a\u0302t\u0301i\u0302o\u0301n\u0302s\u0301 a\u0302n\u0301d\u0302 l\u0301a\u0302y\u0301o\u0302u\u0301t\u0302 r\u0301e\u0302f\u0301l\u0302o\u0301w\u0302s\u0301, i\u0302m\u0301p\u0302a\u0301c\u0302t\u0301i\u0302n\u0301g\u0302 p\u0301a\u0302g\u0301e\u0302 r\u0301e\u0302s\u0301p\u0302o\u0301n\u0302s\u0301i\u0302v\u0301e\u0302n\u0301e\u0302s\u0301s\u0302. A\u0301 l\u0302a\u0301r\u0302g\u0301e\u0302 D\u0301O\u0302M\u0301 w\u0302i\u0301l\u0302l\u0301 a\u0302l\u0301s\u0302o\u0301 i\u0302n\u0301c\u0302r\u0301e\u0302a\u0301s\u0302e\u0301 m\u0302e\u0301m\u0302o\u0301r\u0302y\u0301 u\u0302s\u0301a\u0302g\u0301e\u0302. [L\u0301e\u0302a\u0301r\u0302n\u0301 h\u0302o\u0301w\u0302 t\u0301o\u0302 a\u0301v\u0302o\u0301i\u0302d\u0301 a\u0302n\u0301 e\u0302x\u0301c\u0302e\u0301s\u0302s\u0301i\u0302v\u0301e\u0302 D\u0301O\u0302M\u0301 s\u0302i\u0301z\u0302e\u0301](https://developer.chrome.com/docs/lighthouse/performance/dom-size/)."
   },
+  "models/trace/insights/DOMSize.ts | duration": {
+    "message": "D\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
+  },
   "models/trace/insights/DOMSize.ts | element": {
     "message": "E\u0302l\u0301e\u0302m\u0301e\u0302n\u0301t\u0302"
   },
+  "models/trace/insights/DOMSize.ts | largeLayout": {
+    "message": "L\u0302a\u0301y\u0302o\u0301u\u0302t\u0301 ({PH1} o\u0302b\u0301j\u0302e\u0301c\u0302t\u0301s\u0302)"
+  },
+  "models/trace/insights/DOMSize.ts | largeStyleRecalc": {
+    "message": "S\u0302t\u0301y\u0302l\u0301e\u0302 r\u0301e\u0302c\u0301a\u0302l\u0301c\u0302u\u0301l\u0302a\u0301t\u0302i\u0301o\u0302n\u0301 ({PH1} e\u0302l\u0301e\u0302m\u0301e\u0302n\u0301t\u0302s\u0301)"
+  },
   "models/trace/insights/DOMSize.ts | maxChildren": {
     "message": "M\u0302o\u0301s\u0302t\u0301 c\u0302h\u0301i\u0302l\u0301d\u0302r\u0301e\u0302n\u0301"
   },
@@ -275,6 +284,9 @@
   "models/trace/insights/DOMSize.ts | title": {
     "message": "O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 D\u0302O\u0301M\u0302 s\u0301i\u0302z\u0301e\u0302"
   },
+  "models/trace/insights/DOMSize.ts | topUpdatesDescription": {
+    "message": "T\u0302h\u0301e\u0302s\u0301e\u0302 a\u0301r\u0302e\u0301 t\u0302h\u0301e\u0302 l\u0301a\u0302r\u0301g\u0302e\u0301s\u0302t\u0301 l\u0302a\u0301y\u0302o\u0301u\u0302t\u0301 a\u0302n\u0301d\u0302 s\u0301t\u0302y\u0301l\u0302e\u0301 r\u0302e\u0301c\u0302a\u0301l\u0302c\u0301u\u0302l\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 e\u0301v\u0302e\u0301n\u0302t\u0301s\u0302. T\u0301h\u0302e\u0301i\u0302r\u0301 p\u0302e\u0301r\u0302f\u0301o\u0302r\u0301m\u0302a\u0301n\u0302c\u0301e\u0302 i\u0301m\u0302p\u0301a\u0302c\u0301t\u0302 m\u0301a\u0302y\u0301 b\u0302e\u0301 r\u0302e\u0301d\u0302u\u0301c\u0302e\u0301d\u0302 b\u0301y\u0302 m\u0301a\u0302k\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 D\u0302O\u0301M\u0302 s\u0301i\u0302m\u0301p\u0302l\u0301e\u0302r\u0301."
+  },
   "models/trace/insights/DOMSize.ts | totalElements": {
     "message": "T\u0302o\u0301t\u0302a\u0301l\u0302 e\u0301l\u0302e\u0301m\u0302e\u0301n\u0302t\u0301s\u0302"
   },
@@ -309,7 +321,7 @@
     "message": "(a\u0302n\u0301o\u0302n\u0301y\u0302m\u0301o\u0302u\u0301s\u0302)"
   },
   "models/trace/insights/ForcedReflow.ts | description": {
-    "message": "M\u0302a\u0301n\u0302y\u0301 A\u0302P\u0301I\u0302s\u0301, t\u0302y\u0301p\u0302i\u0301c\u0302a\u0301l\u0302l\u0301y\u0302 r\u0301e\u0302a\u0301d\u0302i\u0301n\u0302g\u0301 l\u0302a\u0301y\u0302o\u0301u\u0302t\u0301 g\u0302e\u0301o\u0302m\u0301e\u0302t\u0301r\u0302y\u0301, f\u0302o\u0301r\u0302c\u0301e\u0302 t\u0301h\u0302e\u0301 r\u0302e\u0301n\u0302d\u0301e\u0302r\u0301i\u0302n\u0301g\u0302 e\u0301n\u0302g\u0301i\u0302n\u0301e\u0302 t\u0301o\u0302 p\u0301a\u0302u\u0301s\u0302e\u0301 s\u0302c\u0301r\u0302i\u0301p\u0302t\u0301 e\u0302x\u0301e\u0302c\u0301u\u0302t\u0301i\u0302o\u0301n\u0302 i\u0301n\u0302 o\u0301r\u0302d\u0301e\u0302r\u0301 t\u0302o\u0301 c\u0302a\u0301l\u0302c\u0301u\u0302l\u0301a\u0302t\u0301e\u0302 t\u0301h\u0302e\u0301 s\u0302t\u0301y\u0302l\u0301e\u0302 a\u0301n\u0302d\u0301 l\u0302a\u0301y\u0302o\u0301u\u0302t\u0301. L\u0302e\u0301a\u0302r\u0301n\u0302 m\u0301o\u0302r\u0301e\u0302 a\u0301b\u0302o\u0301u\u0302t\u0301 [f\u0302o\u0301r\u0302c\u0301e\u0302d\u0301 r\u0302e\u0301f\u0302l\u0301o\u0302w\u0301](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#avoid-forced-synchronous-layouts) a\u0302n\u0301d\u0302 i\u0301t\u0302s\u0301 m\u0302i\u0301t\u0302i\u0301g\u0302a\u0301t\u0302i\u0301o\u0302n\u0301s\u0302."
+    "message": "A\u0302 f\u0301o\u0302r\u0301c\u0302e\u0301d\u0302 r\u0301e\u0302f\u0301l\u0302o\u0301w\u0302 o\u0301c\u0302c\u0301u\u0302r\u0301s\u0302 w\u0301h\u0302e\u0301n\u0302 J\u0301a\u0302v\u0301a\u0302S\u0301c\u0302r\u0301i\u0302p\u0301t\u0302 q\u0301u\u0302e\u0301r\u0302i\u0301e\u0302s\u0301 g\u0302e\u0301o\u0302m\u0301e\u0302t\u0301r\u0302i\u0301c\u0302 p\u0301r\u0302o\u0301p\u0302e\u0301r\u0302t\u0301i\u0302e\u0301s\u0302 (s\u0301u\u0302c\u0301h\u0302 a\u0301s\u0302 offsetWidth) a\u0301f\u0302t\u0301e\u0302r\u0301 s\u0302t\u0301y\u0302l\u0301e\u0302s\u0301 h\u0302a\u0301v\u0302e\u0301 b\u0302e\u0301e\u0302n\u0301 i\u0302n\u0301v\u0302a\u0301l\u0302i\u0301d\u0302a\u0301t\u0302e\u0301d\u0302 b\u0301y\u0302 a\u0301 c\u0302h\u0301a\u0302n\u0301g\u0302e\u0301 t\u0302o\u0301 t\u0302h\u0301e\u0302 D\u0301O\u0302M\u0301 s\u0302t\u0301a\u0302t\u0301e\u0302. T\u0301h\u0302i\u0301s\u0302 c\u0301a\u0302n\u0301 r\u0302e\u0301s\u0302u\u0301l\u0302t\u0301 i\u0302n\u0301 p\u0302o\u0301o\u0302r\u0301 p\u0302e\u0301r\u0302f\u0301o\u0302r\u0301m\u0302a\u0301n\u0302c\u0301e\u0302. L\u0301e\u0302a\u0301r\u0302n\u0301 m\u0302o\u0301r\u0302e\u0301 a\u0302b\u0301o\u0302u\u0301t\u0302 [f\u0301o\u0302r\u0301c\u0302e\u0301d\u0302 r\u0301e\u0302f\u0301l\u0302o\u0301w\u0302s\u0301](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#avoid-forced-synchronous-layouts) a\u0302n\u0301d\u0302 p\u0301o\u0302s\u0301s\u0302i\u0301b\u0302l\u0301e\u0302 m\u0301i\u0302t\u0301i\u0302g\u0301a\u0302t\u0301i\u0302o\u0301n\u0302s\u0301."
   },
   "models/trace/insights/ForcedReflow.ts | relatedStackTrace": {
     "message": "S\u0302t\u0301a\u0302c\u0301k\u0302 t\u0301r\u0302a\u0301c\u0302e\u0301"
@@ -356,29 +368,59 @@
   "models/trace/insights/ImageDelivery.ts | useVideoFormat": {
     "message": "U\u0302s\u0301i\u0302n\u0301g\u0302 v\u0301i\u0302d\u0301e\u0302o\u0301 f\u0302o\u0301r\u0302m\u0301a\u0302t\u0301s\u0302 i\u0301n\u0302s\u0301t\u0302e\u0301a\u0302d\u0301 o\u0302f\u0301 G\u0302I\u0301F\u0302s\u0301 c\u0302a\u0301n\u0302 i\u0301m\u0302p\u0301r\u0302o\u0301v\u0302e\u0301 t\u0302h\u0301e\u0302 d\u0301o\u0302w\u0301n\u0302l\u0301o\u0302a\u0301d\u0302 s\u0301i\u0302z\u0301e\u0302 o\u0301f\u0302 a\u0301n\u0302i\u0301m\u0302a\u0301t\u0302e\u0301d\u0302 c\u0301o\u0302n\u0301t\u0302e\u0301n\u0302t\u0301."
   },
-  "models/trace/insights/InteractionToNextPaint.ts | description": {
-    "message": "S\u0302t\u0301a\u0302r\u0301t\u0302 i\u0301n\u0302v\u0301e\u0302s\u0301t\u0302i\u0301g\u0302a\u0301t\u0302i\u0301n\u0302g\u0301 w\u0302i\u0301t\u0302h\u0301 t\u0302h\u0301e\u0302 l\u0301o\u0302n\u0301g\u0302e\u0301s\u0302t\u0301 p\u0302h\u0301a\u0302s\u0301e\u0302. [D\u0301e\u0302l\u0301a\u0302y\u0301s\u0302 c\u0301a\u0302n\u0301 b\u0302e\u0301 m\u0302i\u0301n\u0302i\u0301m\u0302i\u0301z\u0302e\u0301d\u0302](https://web.dev/articles/optimize-inp#optimize_interactions). T\u0301o\u0302 r\u0301e\u0302d\u0301u\u0302c\u0301e\u0302 p\u0301r\u0302o\u0301c\u0302e\u0301s\u0302s\u0301i\u0302n\u0301g\u0302 d\u0301u\u0302r\u0301a\u0302t\u0301i\u0302o\u0301n\u0302, [o\u0301p\u0302t\u0301i\u0302m\u0301i\u0302z\u0301e\u0302 t\u0301h\u0302e\u0301 m\u0302a\u0301i\u0302n\u0301-t\u0302h\u0301r\u0302e\u0301a\u0302d\u0301 c\u0302o\u0301s\u0302t\u0301s\u0302](https://web.dev/articles/optimize-long-tasks), o\u0301f\u0302t\u0301e\u0302n\u0301 J\u0302S\u0301."
+  "models/trace/insights/INPBreakdown.ts | description": {
+    "message": "S\u0302t\u0301a\u0302r\u0301t\u0302 i\u0301n\u0302v\u0301e\u0302s\u0301t\u0302i\u0301g\u0302a\u0301t\u0302i\u0301n\u0302g\u0301 w\u0302i\u0301t\u0302h\u0301 t\u0302h\u0301e\u0302 l\u0301o\u0302n\u0301g\u0302e\u0301s\u0302t\u0301 s\u0302u\u0301b\u0302p\u0301a\u0302r\u0301t\u0302. [D\u0301e\u0302l\u0301a\u0302y\u0301s\u0302 c\u0301a\u0302n\u0301 b\u0302e\u0301 m\u0302i\u0301n\u0302i\u0301m\u0302i\u0301z\u0302e\u0301d\u0302](https://web.dev/articles/optimize-inp#optimize_interactions). T\u0301o\u0302 r\u0301e\u0302d\u0301u\u0302c\u0301e\u0302 p\u0301r\u0302o\u0301c\u0302e\u0301s\u0302s\u0301i\u0302n\u0301g\u0302 d\u0301u\u0302r\u0301a\u0302t\u0301i\u0302o\u0301n\u0302, [o\u0301p\u0302t\u0301i\u0302m\u0301i\u0302z\u0301e\u0302 t\u0301h\u0302e\u0301 m\u0302a\u0301i\u0302n\u0301-t\u0302h\u0301r\u0302e\u0301a\u0302d\u0301 c\u0302o\u0301s\u0302t\u0301s\u0302](https://web.dev/articles/optimize-long-tasks), o\u0301f\u0302t\u0301e\u0302n\u0301 J\u0302S\u0301."
   },
-  "models/trace/insights/InteractionToNextPaint.ts | duration": {
+  "models/trace/insights/INPBreakdown.ts | duration": {
     "message": "D\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | inputDelay": {
+  "models/trace/insights/INPBreakdown.ts | inputDelay": {
     "message": "I\u0302n\u0301p\u0302u\u0301t\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | noInteractions": {
+  "models/trace/insights/INPBreakdown.ts | noInteractions": {
     "message": "N\u0302o\u0301 i\u0302n\u0301t\u0302e\u0301r\u0302a\u0301c\u0302t\u0301i\u0302o\u0301n\u0302s\u0301 d\u0302e\u0301t\u0302e\u0301c\u0302t\u0301e\u0302d\u0301"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | phase": {
-    "message": "P\u0302h\u0301a\u0302s\u0301e\u0302"
-  },
-  "models/trace/insights/InteractionToNextPaint.ts | presentationDelay": {
+  "models/trace/insights/INPBreakdown.ts | presentationDelay": {
     "message": "P\u0302r\u0301e\u0302s\u0301e\u0302n\u0301t\u0302a\u0301t\u0302i\u0301o\u0302n\u0301 d\u0302e\u0301l\u0302a\u0301y\u0302"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | processingDuration": {
+  "models/trace/insights/INPBreakdown.ts | processingDuration": {
     "message": "P\u0302r\u0301o\u0302c\u0301e\u0302s\u0301s\u0302i\u0301n\u0302g\u0301 d\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
   },
-  "models/trace/insights/InteractionToNextPaint.ts | title": {
-    "message": "I\u0302N\u0301P\u0302 b\u0301y\u0302 p\u0301h\u0302a\u0301s\u0302e\u0301"
+  "models/trace/insights/INPBreakdown.ts | subpart": {
+    "message": "S\u0302u\u0301b\u0302p\u0301a\u0302r\u0301t\u0302"
+  },
+  "models/trace/insights/INPBreakdown.ts | title": {
+    "message": "I\u0302N\u0301P\u0302 b\u0301r\u0302e\u0301a\u0302k\u0301d\u0302o\u0301w\u0302n\u0301"
+  },
+  "models/trace/insights/LCPBreakdown.ts | description": {
+    "message": "E\u0302a\u0301c\u0302h\u0301 [s\u0302u\u0301b\u0302p\u0301a\u0302r\u0301t\u0302 h\u0301a\u0302s\u0301 s\u0302p\u0301e\u0302c\u0301i\u0302f\u0301i\u0302c\u0301 i\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302m\u0301e\u0302n\u0301t\u0302 s\u0301t\u0302r\u0301a\u0302t\u0301e\u0302g\u0301i\u0302e\u0301s\u0302](https://web.dev/articles/optimize-lcp#lcp-breakdown). I\u0301d\u0302e\u0301a\u0302l\u0301l\u0302y\u0301, m\u0302o\u0301s\u0302t\u0301 o\u0302f\u0301 t\u0302h\u0301e\u0302 L\u0301C\u0302P\u0301 t\u0302i\u0301m\u0302e\u0301 s\u0302h\u0301o\u0302u\u0301l\u0302d\u0301 b\u0302e\u0301 s\u0302p\u0301e\u0302n\u0301t\u0302 o\u0301n\u0302 l\u0301o\u0302a\u0301d\u0302i\u0301n\u0302g\u0301 t\u0302h\u0301e\u0302 r\u0301e\u0302s\u0301o\u0302u\u0301r\u0302c\u0301e\u0302s\u0301, n\u0302o\u0301t\u0302 w\u0301i\u0302t\u0301h\u0302i\u0301n\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301s\u0302."
+  },
+  "models/trace/insights/LCPBreakdown.ts | duration": {
+    "message": "D\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
+  },
+  "models/trace/insights/LCPBreakdown.ts | elementRenderDelay": {
+    "message": "E\u0302l\u0301e\u0302m\u0301e\u0302n\u0301t\u0302 r\u0301e\u0302n\u0301d\u0302e\u0301r\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301"
+  },
+  "models/trace/insights/LCPBreakdown.ts | fieldDuration": {
+    "message": "F\u0302i\u0301e\u0302l\u0301d\u0302 p\u030175"
+  },
+  "models/trace/insights/LCPBreakdown.ts | noLcp": {
+    "message": "N\u0302o\u0301 L\u0302C\u0301P\u0302 d\u0301e\u0302t\u0301e\u0302c\u0301t\u0302e\u0301d\u0302"
+  },
+  "models/trace/insights/LCPBreakdown.ts | resourceLoadDelay": {
+    "message": "R\u0302e\u0301s\u0302o\u0301u\u0302r\u0301c\u0302e\u0301 l\u0302o\u0301a\u0302d\u0301 d\u0302e\u0301l\u0302a\u0301y\u0302"
+  },
+  "models/trace/insights/LCPBreakdown.ts | resourceLoadDuration": {
+    "message": "R\u0302e\u0301s\u0302o\u0301u\u0302r\u0301c\u0302e\u0301 l\u0302o\u0301a\u0302d\u0301 d\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
+  },
+  "models/trace/insights/LCPBreakdown.ts | subpart": {
+    "message": "S\u0302u\u0301b\u0302p\u0301a\u0302r\u0301t\u0302"
+  },
+  "models/trace/insights/LCPBreakdown.ts | timeToFirstByte": {
+    "message": "T\u0302i\u0301m\u0302e\u0301 t\u0302o\u0301 f\u0302i\u0301r\u0302s\u0301t\u0302 b\u0301y\u0302t\u0301e\u0302"
+  },
+  "models/trace/insights/LCPBreakdown.ts | title": {
+    "message": "L\u0302C\u0301P\u0302 b\u0301r\u0302e\u0301a\u0302k\u0301d\u0302o\u0301w\u0302n\u0301"
   },
   "models/trace/insights/LCPDiscovery.ts | description": {
     "message": "O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 L\u0302C\u0301P\u0302 b\u0301y\u0302 m\u0301a\u0302k\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 L\u0302C\u0301P\u0302 i\u0301m\u0302a\u0301g\u0302e\u0301 [d\u0302i\u0301s\u0302c\u0301o\u0302v\u0301e\u0302r\u0301a\u0302b\u0301l\u0302e\u0301](https://web.dev/articles/optimize-lcp#1_eliminate_resource_load_delay) f\u0302r\u0301o\u0302m\u0301 t\u0302h\u0301e\u0302 H\u0301T\u0302M\u0301L\u0302 i\u0301m\u0302m\u0301e\u0302d\u0301i\u0302a\u0301t\u0302e\u0301l\u0302y\u0301, a\u0302n\u0301d\u0302 [a\u0301v\u0302o\u0301i\u0302d\u0301i\u0302n\u0301g\u0302 l\u0301a\u0302z\u0301y\u0302-l\u0301o\u0302a\u0301d\u0302i\u0301n\u0302g\u0301](https://web.dev/articles/lcp-lazy-loading)"
@@ -407,36 +449,6 @@
   "models/trace/insights/LCPDiscovery.ts | title": {
     "message": "L\u0302C\u0301P\u0302 r\u0301e\u0302q\u0301u\u0302e\u0301s\u0302t\u0301 d\u0302i\u0301s\u0302c\u0301o\u0302v\u0301e\u0302r\u0301y\u0302"
   },
-  "models/trace/insights/LCPPhases.ts | description": {
-    "message": "E\u0302a\u0301c\u0302h\u0301 [p\u0302h\u0301a\u0302s\u0301e\u0302 h\u0301a\u0302s\u0301 s\u0302p\u0301e\u0302c\u0301i\u0302f\u0301i\u0302c\u0301 i\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302m\u0301e\u0302n\u0301t\u0302 s\u0301t\u0302r\u0301a\u0302t\u0301e\u0302g\u0301i\u0302e\u0301s\u0302](https://web.dev/articles/optimize-lcp#lcp-breakdown). I\u0301d\u0302e\u0301a\u0302l\u0301l\u0302y\u0301, m\u0302o\u0301s\u0302t\u0301 o\u0302f\u0301 t\u0302h\u0301e\u0302 L\u0301C\u0302P\u0301 t\u0302i\u0301m\u0302e\u0301 s\u0302h\u0301o\u0302u\u0301l\u0302d\u0301 b\u0302e\u0301 s\u0302p\u0301e\u0302n\u0301t\u0302 o\u0301n\u0302 l\u0301o\u0302a\u0301d\u0302i\u0301n\u0302g\u0301 t\u0302h\u0301e\u0302 r\u0301e\u0302s\u0301o\u0302u\u0301r\u0302c\u0301e\u0302s\u0301, n\u0302o\u0301t\u0302 w\u0301i\u0302t\u0301h\u0302i\u0301n\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301s\u0302."
-  },
-  "models/trace/insights/LCPPhases.ts | duration": {
-    "message": "D\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
-  },
-  "models/trace/insights/LCPPhases.ts | elementRenderDelay": {
-    "message": "E\u0302l\u0301e\u0302m\u0301e\u0302n\u0301t\u0302 r\u0301e\u0302n\u0301d\u0302e\u0301r\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301"
-  },
-  "models/trace/insights/LCPPhases.ts | fieldDuration": {
-    "message": "F\u0302i\u0301e\u0302l\u0301d\u0302 p\u030175"
-  },
-  "models/trace/insights/LCPPhases.ts | noLcp": {
-    "message": "N\u0302o\u0301 L\u0302C\u0301P\u0302 d\u0301e\u0302t\u0301e\u0302c\u0301t\u0302e\u0301d\u0302"
-  },
-  "models/trace/insights/LCPPhases.ts | phase": {
-    "message": "P\u0302h\u0301a\u0302s\u0301e\u0302"
-  },
-  "models/trace/insights/LCPPhases.ts | resourceLoadDelay": {
-    "message": "R\u0302e\u0301s\u0302o\u0301u\u0302r\u0301c\u0302e\u0301 l\u0302o\u0301a\u0302d\u0301 d\u0302e\u0301l\u0302a\u0301y\u0302"
-  },
-  "models/trace/insights/LCPPhases.ts | resourceLoadDuration": {
-    "message": "R\u0302e\u0301s\u0302o\u0301u\u0302r\u0301c\u0302e\u0301 l\u0302o\u0301a\u0302d\u0301 d\u0302u\u0301r\u0302a\u0301t\u0302i\u0301o\u0302n\u0301"
-  },
-  "models/trace/insights/LCPPhases.ts | timeToFirstByte": {
-    "message": "T\u0302i\u0301m\u0302e\u0301 t\u0302o\u0301 f\u0302i\u0301r\u0302s\u0301t\u0302 b\u0301y\u0302t\u0301e\u0302"
-  },
-  "models/trace/insights/LCPPhases.ts | title": {
-    "message": "L\u0302C\u0301P\u0302 b\u0301y\u0302 p\u0301h\u0302a\u0301s\u0302e\u0301"
-  },
   "models/trace/insights/LegacyJavaScript.ts | columnScript": {
     "message": "S\u0302c\u0301r\u0302i\u0301p\u0302t\u0301"
   },

package/models/cpu_profile/cpu_profile.prebundle.d.ts

@@ -0,0 +1,3 @@
+import * as CPUProfileDataModel from './CPUProfileDataModel.js';
+import * as ProfileTreeModel from './ProfileTreeModel.js';
+export { CPUProfileDataModel, ProfileTreeModel, };

package/models/cpu_profile/cpu_profile.prebundle.js

@@ -0,0 +1,7 @@
+// Copyright 2023 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 CPUProfileDataModel from './CPUProfileDataModel.js';
+import * as ProfileTreeModel from './ProfileTreeModel.js';
+export { CPUProfileDataModel, ProfileTreeModel, };
+//# sourceMappingURL=cpu_profile.prebundle.js.map

package/models/cpu_profile/cpu_profile.prebundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cpu_profile.prebundle.js","sourceRoot":"","sources":["cpu_profile.prebundle.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,yEAAyE;AACzE,6BAA6B;AAE7B,OAAO,KAAK,mBAAmB,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EACL,mBAAmB,EACnB,gBAAgB,GACjB,CAAC","sourcesContent":["// Copyright 2023 The Chromium Authors. All rights reserved.\n// Use of this source code is governed by a BSD-style license that can be\n// found in the LICENSE file.\n\nimport * as CPUProfileDataModel from './CPUProfileDataModel.js';\nimport * as ProfileTreeModel from './ProfileTreeModel.js';\n\nexport {\n  CPUProfileDataModel,\n  ProfileTreeModel,\n};\n"]}

package/models/cpu_profile/cpu_profile.prebundle.ts

@@ -0,0 +1,11 @@
+// Copyright 2023 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 CPUProfileDataModel from './CPUProfileDataModel.js';
+import * as ProfileTreeModel from './ProfileTreeModel.js';
+
+export {
+  CPUProfileDataModel,
+  ProfileTreeModel,
+};

package/models/cpu_profile/devtools_entrypoint-bundle-tsconfig-tsconfig.json

@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "composite": true,
+    "declaration": true,
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": true,
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable"
+    ],
+    "module": "esnext",
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "outDir": ".",
+    "rootDir": ".",
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "target": "esnext",
+    "tsBuildInfoFile": "devtools_entrypoint-bundle-tsconfig-tsconfig.json.tsbuildinfo",
+    "typeRoots": [],
+    "useUnknownInCatchVariables": false
+  },
+  "files": [
+    "cpu_profile.prebundle.ts",
+    "../../../../../../front_end/legacy/legacy-defs.d.ts",
+    "../../../../../../front_end/global_typings/global_defs.d.ts",
+    "../../../../../../node_modules/@types/filesystem/index.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./cpu_profile-tsconfig.json"
+    }
+  ]
+}

package/models/trace/Processor.js

@@ -287,8 +287,8 @@ export class TraceProcessor extends EventTarget {
         // The initial order of the insights is alphabetical, based on `front_end/models/trace/insights/Models.ts`.
         // The order here provides a baseline that groups insights in a more logical way.
         const baselineOrder = {
-            InteractionToNextPaint: null,
-            LCPPhases: null,
+            INPBreakdown: null,
+            LCPBreakdown: null,
             LCPDiscovery: null,
             CLSCulprits: null,
             RenderBlocking: null,
@@ -408,8 +408,8 @@ export class TraceProcessor extends EventTarget {
         const isNavigation = id === Types.Events.NO_NAVIGATION;
         const trivialThreshold = Helpers.Timing.milliToMicro(Types.Timing.Milli(5000));
         const everyInsightPasses = Object.values(model).filter(model => !(model instanceof Error)).every(model => model.state === 'pass');
-        const noLcp = !model.LCPPhases.lcpEvent;
-        const noInp = !model.InteractionToNextPaint.longestInteractionEvent;
+        const noLcp = !model.LCPBreakdown.lcpEvent;
+        const noInp = !model.INPBreakdown.longestInteractionEvent;
         const noLayoutShifts = model.CLSCulprits.shifts?.size === 0;
         const shouldExclude = isNavigation && context.bounds.range < trivialThreshold && everyInsightPasses && noLcp &&
             noInp && noLayoutShifts;