@paulirish/trace_engine 0.0.54 → 0.0.56

package/locales/en-US.json

@@ -5,9 +5,6 @@
   "generated/Deprecation.ts | CanRequestURLHTTPContainingNewline": {
     "message": "Resource requests whose URLs contained both removed whitespace \\(n|r|t) characters and less-than characters (<) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources."
   },
-  "generated/Deprecation.ts | CharsetAutoDetectionISO2022JP": {
-    "message": "Auto-detection of ISO-2022-JP character set is deprecated and it will be disabled in the near future. Please specify character set in the Content Type header or by using a meta tag (https://developer.mozilla.org/en-US/docs/Glossary/Character_encoding)."
-  },
   "generated/Deprecation.ts | ChromeLoadTimesConnectionInfo": {
     "message": "chrome.loadTimes() is deprecated, instead use standardized API: Navigation Timing 2."
   },
@@ -38,9 +35,6 @@
   "generated/Deprecation.ts | DataUrlInSvgUse": {
     "message": "Support for data: URLs in SVGUseElement is deprecated and it will be removed in the future."
   },
-  "generated/Deprecation.ts | DOMMutationEvents": {
-    "message": "DOM Mutation Events, including DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, and DOMCharacterDataModified are deprecated (https://w3c.github.io/uievents/#legacy-event-types) and will be removed. Please use MutationObserver instead."
-  },
   "generated/Deprecation.ts | GeolocationInsecureOrigin": {
     "message": "getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details."
   },
@@ -200,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"
   },
@@ -221,8 +212,11 @@
   "models/trace/insights/CLSCulprits.ts | topCulprits": {
     "message": "Top layout shift culprits"
   },
-  "models/trace/insights/CLSCulprits.ts | unsizedImages": {
-    "message": "Unsized Images"
+  "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"
@@ -237,7 +231,7 @@
     "message": "Had redirects ({PH1} redirects, +{PH2})"
   },
   "models/trace/insights/DocumentLatency.ts | failedServerResponseTime": {
-    "message": "Server responded slowly (observed {PH1}) "
+    "message": "Server responded slowly (observed {PH1})"
   },
   "models/trace/insights/DocumentLatency.ts | failedTextCompression": {
     "message": "No compression applied"
@@ -246,7 +240,7 @@
     "message": "Avoids redirects"
   },
   "models/trace/insights/DocumentLatency.ts | passingServerResponseTime": {
-    "message": "Server responds quickly (observed {PH1}) "
+    "message": "Server responds quickly (observed {PH1})"
   },
   "models/trace/insights/DocumentLatency.ts | passingTextCompression": {
     "message": "Applies text compression"
@@ -266,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"
   },
@@ -281,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"
   },
@@ -315,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"
@@ -362,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)"
@@ -413,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"
   },
@@ -485,11 +491,14 @@
   "models/trace/insights/NetworkDependencyTree.ts | columnWastedMs": {
     "message": "Est LCP savings"
   },
+  "models/trace/insights/NetworkDependencyTree.ts | crossoriginWarning": {
+    "message": "Unused preconnect. Check that the crossorigin attribute is used properly."
+  },
   "models/trace/insights/NetworkDependencyTree.ts | description": {
     "message": "[Avoid chaining critical requests](https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains) by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load."
   },
   "models/trace/insights/NetworkDependencyTree.ts | estSavingTableDescription": {
-    "message": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use fewer than 4."
+    "message": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4."
   },
   "models/trace/insights/NetworkDependencyTree.ts | estSavingTableTitle": {
     "message": "Preconnect candidates"
@@ -510,7 +519,7 @@
     "message": "[preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to."
   },
   "models/trace/insights/NetworkDependencyTree.ts | preconnectOriginsTableTitle": {
-    "message": "Preconnect origins"
+    "message": "Preconnected origins"
   },
   "models/trace/insights/NetworkDependencyTree.ts | title": {
     "message": "Network dependency tree"
@@ -584,6 +593,9 @@
   "models/trace/insights/Viewport.ts | description": {
     "message": "Tap interactions may be [delayed by up to 300\u00a0ms](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) if the viewport is not optimized for mobile."
   },
+  "models/trace/insights/Viewport.ts | mobileTapDelayLabel": {
+    "message": "Mobile tap delay"
+  },
   "models/trace/insights/Viewport.ts | title": {
     "message": "Optimize viewport for mobile"
   },

package/locales/en-XL.json

@@ -5,9 +5,6 @@
   "generated/Deprecation.ts | CanRequestURLHTTPContainingNewline": {
     "message": "R\u0302e\u0301s\u0302o\u0301u\u0302r\u0301c\u0302e\u0301 r\u0302e\u0301q\u0302u\u0301e\u0302s\u0301t\u0302s\u0301 w\u0302h\u0301o\u0302s\u0301e\u0302 U\u0301R\u0302L\u0301s\u0302 c\u0301o\u0302n\u0301t\u0302a\u0301i\u0302n\u0301e\u0302d\u0301 b\u0302o\u0301t\u0302h\u0301 r\u0302e\u0301m\u0302o\u0301v\u0302e\u0301d\u0302 w\u0301h\u0302i\u0301t\u0302e\u0301s\u0302p\u0301a\u0302c\u0301e\u0302 \\(n|r|t) c\u0301h\u0302a\u0301r\u0302a\u0301c\u0302t\u0301e\u0302r\u0301s\u0302 a\u0301n\u0302d\u0301 l\u0302e\u0301s\u0302s\u0301-t\u0302h\u0301a\u0302n\u0301 c\u0302h\u0301a\u0302r\u0301a\u0302c\u0301t\u0302e\u0301r\u0302s\u0301 (<) a\u0302r\u0301e\u0302 b\u0301l\u0302o\u0301c\u0302k\u0301e\u0302d\u0301. P\u0302l\u0301e\u0302a\u0301s\u0302e\u0301 r\u0302e\u0301m\u0302o\u0301v\u0302e\u0301 n\u0302e\u0301w\u0302l\u0301i\u0302n\u0301e\u0302s\u0301 a\u0302n\u0301d\u0302 e\u0301n\u0302c\u0301o\u0302d\u0301e\u0302 l\u0301e\u0302s\u0301s\u0302-t\u0301h\u0302a\u0301n\u0302 c\u0301h\u0302a\u0301r\u0302a\u0301c\u0302t\u0301e\u0302r\u0301s\u0302 f\u0301r\u0302o\u0301m\u0302 p\u0301l\u0302a\u0301c\u0302e\u0301s\u0302 l\u0301i\u0302k\u0301e\u0302 e\u0301l\u0302e\u0301m\u0302e\u0301n\u0302t\u0301 a\u0302t\u0301t\u0302r\u0301i\u0302b\u0301u\u0302t\u0301e\u0302 v\u0301a\u0302l\u0301u\u0302e\u0301s\u0302 i\u0301n\u0302 o\u0301r\u0302d\u0301e\u0302r\u0301 t\u0302o\u0301 l\u0302o\u0301a\u0302d\u0301 t\u0302h\u0301e\u0302s\u0301e\u0302 r\u0301e\u0302s\u0301o\u0302u\u0301r\u0302c\u0301e\u0302s\u0301."
   },
-  "generated/Deprecation.ts | CharsetAutoDetectionISO2022JP": {
-    "message": "A\u0302u\u0301t\u0302o\u0301-d\u0302e\u0301t\u0302e\u0301c\u0302t\u0301i\u0302o\u0301n\u0302 o\u0301f\u0302 I\u0301S\u0302O\u0301-2022-J\u0302P\u0301 c\u0302h\u0301a\u0302r\u0301a\u0302c\u0301t\u0302e\u0301r\u0302 s\u0301e\u0302t\u0301 i\u0302s\u0301 d\u0302e\u0301p\u0302r\u0301e\u0302c\u0301a\u0302t\u0301e\u0302d\u0301 a\u0302n\u0301d\u0302 i\u0301t\u0302 w\u0301i\u0302l\u0301l\u0302 b\u0301e\u0302 d\u0301i\u0302s\u0301a\u0302b\u0301l\u0302e\u0301d\u0302 i\u0301n\u0302 t\u0301h\u0302e\u0301 n\u0302e\u0301a\u0302r\u0301 f\u0302u\u0301t\u0302u\u0301r\u0302e\u0301. P\u0302l\u0301e\u0302a\u0301s\u0302e\u0301 s\u0302p\u0301e\u0302c\u0301i\u0302f\u0301y\u0302 c\u0301h\u0302a\u0301r\u0302a\u0301c\u0302t\u0301e\u0302r\u0301 s\u0302e\u0301t\u0302 i\u0301n\u0302 t\u0301h\u0302e\u0301 C\u0302o\u0301n\u0302t\u0301e\u0302n\u0301t\u0302 T\u0301y\u0302p\u0301e\u0302 h\u0301e\u0302a\u0301d\u0302e\u0301r\u0302 o\u0301r\u0302 b\u0301y\u0302 u\u0301s\u0302i\u0301n\u0302g\u0301 a\u0302 m\u0301e\u0302t\u0301a\u0302 t\u0301a\u0302g\u0301 (h\u0302t\u0301t\u0302p\u0301s\u0302://d\u0301e\u0302v\u0301e\u0302l\u0301o\u0302p\u0301e\u0302r\u0301.m\u0302o\u0301z\u0302i\u0301l\u0302l\u0301a\u0302.o\u0301r\u0302g\u0301/e\u0302n\u0301-U\u0302S\u0301/d\u0302o\u0301c\u0302s\u0301/G\u0302l\u0301o\u0302s\u0301s\u0302a\u0301r\u0302y\u0301/C\u0302h\u0301a\u0302r\u0301a\u0302c\u0301t\u0302e\u0301r\u0302_e\u0301n\u0302c\u0301o\u0302d\u0301i\u0302n\u0301g\u0302)."
-  },
   "generated/Deprecation.ts | ChromeLoadTimesConnectionInfo": {
     "message": "chrome.loadTimes() i\u0302s\u0301 d\u0302e\u0301p\u0302r\u0301e\u0302c\u0301a\u0302t\u0301e\u0302d\u0301, i\u0302n\u0301s\u0302t\u0301e\u0302a\u0301d\u0302 u\u0301s\u0302e\u0301 s\u0302t\u0301a\u0302n\u0301d\u0302a\u0301r\u0302d\u0301i\u0302z\u0301e\u0302d\u0301 A\u0302P\u0301I\u0302: N\u0301a\u0302v\u0301i\u0302g\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 T\u0301i\u0302m\u0301i\u0302n\u0301g\u0302 2."
   },
@@ -38,9 +35,6 @@
   "generated/Deprecation.ts | DataUrlInSvgUse": {
     "message": "S\u0302u\u0301p\u0302p\u0301o\u0302r\u0301t\u0302 f\u0301o\u0302r\u0301 d\u0302a\u0301t\u0302a\u0301: U\u0302R\u0301L\u0302s\u0301 i\u0302n\u0301 S\u0302V\u0301G\u0302U\u0301s\u0302e\u0301E\u0302l\u0301e\u0302m\u0301e\u0302n\u0301t\u0302 i\u0301s\u0302 d\u0301e\u0302p\u0301r\u0302e\u0301c\u0302a\u0301t\u0302e\u0301d\u0302 a\u0301n\u0302d\u0301 i\u0302t\u0301 w\u0302i\u0301l\u0302l\u0301 b\u0302e\u0301 r\u0302e\u0301m\u0302o\u0301v\u0302e\u0301d\u0302 i\u0301n\u0302 t\u0301h\u0302e\u0301 f\u0302u\u0301t\u0302u\u0301r\u0302e\u0301."
   },
-  "generated/Deprecation.ts | DOMMutationEvents": {
-    "message": "D\u0302O\u0301M\u0302 M\u0301u\u0302t\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 E\u0301v\u0302e\u0301n\u0302t\u0301s\u0302, i\u0301n\u0302c\u0301l\u0302u\u0301d\u0302i\u0301n\u0302g\u0301 DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument, a\u0302n\u0301d\u0302 DOMCharacterDataModified a\u0301r\u0302e\u0301 d\u0302e\u0301p\u0302r\u0301e\u0302c\u0301a\u0302t\u0301e\u0302d\u0301 (h\u0302t\u0301t\u0302p\u0301s\u0302://w\u03013c\u0302.g\u0301i\u0302t\u0301h\u0302u\u0301b\u0302.i\u0301o\u0302/u\u0301i\u0302e\u0301v\u0302e\u0301n\u0302t\u0301s\u0302/#l\u0301e\u0302g\u0301a\u0302c\u0301y\u0302-e\u0301v\u0302e\u0301n\u0302t\u0301-t\u0302y\u0301p\u0302e\u0301s\u0302) a\u0301n\u0302d\u0301 w\u0302i\u0301l\u0302l\u0301 b\u0302e\u0301 r\u0302e\u0301m\u0302o\u0301v\u0302e\u0301d\u0302. P\u0301l\u0302e\u0301a\u0302s\u0301e\u0302 u\u0301s\u0302e\u0301 MutationObserver i\u0302n\u0301s\u0302t\u0301e\u0302a\u0301d\u0302."
-  },
   "generated/Deprecation.ts | GeolocationInsecureOrigin": {
     "message": "getCurrentPosition() a\u0302n\u0301d\u0302 watchPosition() n\u0301o\u0302 l\u0301o\u0302n\u0301g\u0302e\u0301r\u0302 w\u0301o\u0302r\u0301k\u0302 o\u0301n\u0302 i\u0301n\u0302s\u0301e\u0302c\u0301u\u0302r\u0301e\u0302 o\u0301r\u0302i\u0301g\u0302i\u0301n\u0302s\u0301. T\u0302o\u0301 u\u0302s\u0301e\u0302 t\u0301h\u0302i\u0301s\u0302 f\u0301e\u0302a\u0301t\u0302u\u0301r\u0302e\u0301, y\u0302o\u0301u\u0302 s\u0301h\u0302o\u0301u\u0302l\u0301d\u0302 c\u0301o\u0302n\u0301s\u0302i\u0301d\u0302e\u0301r\u0302 s\u0301w\u0302i\u0301t\u0302c\u0301h\u0302i\u0301n\u0302g\u0301 y\u0302o\u0301u\u0302r\u0301 a\u0302p\u0301p\u0302l\u0301i\u0302c\u0301a\u0302t\u0301i\u0302o\u0301n\u0302 t\u0301o\u0302 a\u0301 s\u0302e\u0301c\u0302u\u0301r\u0302e\u0301 o\u0302r\u0301i\u0302g\u0301i\u0302n\u0301, s\u0302u\u0301c\u0302h\u0301 a\u0302s\u0301 H\u0302T\u0301T\u0302P\u0301S\u0302. S\u0301e\u0302e\u0301 h\u0302t\u0301t\u0302p\u0301s\u0302://g\u0301o\u0302o\u0301.g\u0302l\u0301e\u0302/c\u0301h\u0302r\u0301o\u0302m\u0301e\u0302-i\u0301n\u0302s\u0301e\u0302c\u0301u\u0302r\u0301e\u0302-o\u0301r\u0302i\u0301g\u0302i\u0301n\u0302s\u0301 f\u0302o\u0301r\u0302 m\u0301o\u0302r\u0301e\u0302 d\u0301e\u0302t\u0301a\u0302i\u0301l\u0302s\u0301."
   },
@@ -200,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"
   },
@@ -221,8 +212,11 @@
   "models/trace/insights/CLSCulprits.ts | topCulprits": {
     "message": "T\u0302o\u0301p\u0302 l\u0301a\u0302y\u0301o\u0302u\u0301t\u0302 s\u0301h\u0302i\u0301f\u0302t\u0301 c\u0302u\u0301l\u0302p\u0301r\u0302i\u0301t\u0302s\u0301"
   },
-  "models/trace/insights/CLSCulprits.ts | unsizedImages": {
-    "message": "U\u0302n\u0301s\u0302i\u0301z\u0302e\u0301d\u0302 I\u0301m\u0302a\u0301g\u0302e\u0301s\u0302"
+  "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"
@@ -237,7 +231,7 @@
     "message": "H\u0302a\u0301d\u0302 r\u0301e\u0302d\u0301i\u0302r\u0301e\u0302c\u0301t\u0302s\u0301 ({PH1} r\u0302e\u0301d\u0302i\u0301r\u0302e\u0301c\u0302t\u0301s\u0302, +{PH2})"
   },
   "models/trace/insights/DocumentLatency.ts | failedServerResponseTime": {
-    "message": "S\u0302e\u0301r\u0302v\u0301e\u0302r\u0301 r\u0302e\u0301s\u0302p\u0301o\u0302n\u0301d\u0302e\u0301d\u0302 s\u0301l\u0302o\u0301w\u0302l\u0301y\u0302 (o\u0301b\u0302s\u0301e\u0302r\u0301v\u0302e\u0301d\u0302 {PH1}) "
+    "message": "S\u0302e\u0301r\u0302v\u0301e\u0302r\u0301 r\u0302e\u0301s\u0302p\u0301o\u0302n\u0301d\u0302e\u0301d\u0302 s\u0301l\u0302o\u0301w\u0302l\u0301y\u0302 (o\u0301b\u0302s\u0301e\u0302r\u0301v\u0302e\u0301d\u0302 {PH1})"
   },
   "models/trace/insights/DocumentLatency.ts | failedTextCompression": {
     "message": "N\u0302o\u0301 c\u0302o\u0301m\u0302p\u0301r\u0302e\u0301s\u0302s\u0301i\u0302o\u0301n\u0302 a\u0301p\u0302p\u0301l\u0302i\u0301e\u0302d\u0301"
@@ -246,7 +240,7 @@
     "message": "A\u0302v\u0301o\u0302i\u0301d\u0302s\u0301 r\u0302e\u0301d\u0302i\u0301r\u0302e\u0301c\u0302t\u0301s\u0302"
   },
   "models/trace/insights/DocumentLatency.ts | passingServerResponseTime": {
-    "message": "S\u0302e\u0301r\u0302v\u0301e\u0302r\u0301 r\u0302e\u0301s\u0302p\u0301o\u0302n\u0301d\u0302s\u0301 q\u0302u\u0301i\u0302c\u0301k\u0302l\u0301y\u0302 (o\u0301b\u0302s\u0301e\u0302r\u0301v\u0302e\u0301d\u0302 {PH1}) "
+    "message": "S\u0302e\u0301r\u0302v\u0301e\u0302r\u0301 r\u0302e\u0301s\u0302p\u0301o\u0302n\u0301d\u0302s\u0301 q\u0302u\u0301i\u0302c\u0301k\u0302l\u0301y\u0302 (o\u0301b\u0302s\u0301e\u0302r\u0301v\u0302e\u0301d\u0302 {PH1})"
   },
   "models/trace/insights/DocumentLatency.ts | passingTextCompression": {
     "message": "A\u0302p\u0301p\u0302l\u0301i\u0302e\u0301s\u0302 t\u0301e\u0302x\u0301t\u0302 c\u0301o\u0302m\u0301p\u0302r\u0301e\u0302s\u0301s\u0302i\u0301o\u0302n\u0301"
@@ -266,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"
   },
@@ -281,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"
   },
@@ -315,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"
@@ -362,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)"
@@ -413,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"
   },
@@ -485,11 +491,14 @@
   "models/trace/insights/NetworkDependencyTree.ts | columnWastedMs": {
     "message": "E\u0302s\u0301t\u0302 L\u0301C\u0302P\u0301 s\u0302a\u0301v\u0302i\u0301n\u0302g\u0301s\u0302"
   },
+  "models/trace/insights/NetworkDependencyTree.ts | crossoriginWarning": {
+    "message": "U\u0302n\u0301u\u0302s\u0301e\u0302d\u0301 p\u0302r\u0301e\u0302c\u0301o\u0302n\u0301n\u0302e\u0301c\u0302t\u0301. C\u0302h\u0301e\u0302c\u0301k\u0302 t\u0301h\u0302a\u0301t\u0302 t\u0301h\u0302e\u0301 crossorigin a\u0302t\u0301t\u0302r\u0301i\u0302b\u0301u\u0302t\u0301e\u0302 i\u0301s\u0302 u\u0301s\u0302e\u0301d\u0302 p\u0301r\u0302o\u0301p\u0302e\u0301r\u0302l\u0301y\u0302."
+  },
   "models/trace/insights/NetworkDependencyTree.ts | description": {
     "message": "[A\u0302v\u0301o\u0302i\u0301d\u0302 c\u0301h\u0302a\u0301i\u0302n\u0301i\u0302n\u0301g\u0302 c\u0301r\u0302i\u0301t\u0302i\u0301c\u0302a\u0301l\u0302 r\u0301e\u0302q\u0301u\u0302e\u0301s\u0302t\u0301s\u0302](https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains) b\u0301y\u0302 r\u0301e\u0302d\u0301u\u0302c\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 l\u0302e\u0301n\u0302g\u0301t\u0302h\u0301 o\u0302f\u0301 c\u0302h\u0301a\u0302i\u0301n\u0302s\u0301, r\u0302e\u0301d\u0302u\u0301c\u0302i\u0301n\u0302g\u0301 t\u0302h\u0301e\u0302 d\u0301o\u0302w\u0301n\u0302l\u0301o\u0302a\u0301d\u0302 s\u0301i\u0302z\u0301e\u0302 o\u0301f\u0302 r\u0301e\u0302s\u0301o\u0302u\u0301r\u0302c\u0301e\u0302s\u0301, o\u0302r\u0301 d\u0302e\u0301f\u0302e\u0301r\u0302r\u0301i\u0302n\u0301g\u0302 t\u0301h\u0302e\u0301 d\u0302o\u0301w\u0302n\u0301l\u0302o\u0301a\u0302d\u0301 o\u0302f\u0301 u\u0302n\u0301n\u0302e\u0301c\u0302e\u0301s\u0302s\u0301a\u0302r\u0301y\u0302 r\u0301e\u0302s\u0301o\u0302u\u0301r\u0302c\u0301e\u0302s\u0301 t\u0302o\u0301 i\u0302m\u0301p\u0302r\u0301o\u0302v\u0301e\u0302 p\u0301a\u0302g\u0301e\u0302 l\u0301o\u0302a\u0301d\u0302."
   },
   "models/trace/insights/NetworkDependencyTree.ts | estSavingTableDescription": {
-    "message": "A\u0302d\u0301d\u0302 [p\u0301r\u0302e\u0301c\u0302o\u0301n\u0302n\u0301e\u0302c\u0301t\u0302](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) h\u0301i\u0302n\u0301t\u0302s\u0301 t\u0302o\u0301 y\u0302o\u0301u\u0302r\u0301 m\u0302o\u0301s\u0302t\u0301 i\u0302m\u0301p\u0302o\u0301r\u0302t\u0301a\u0302n\u0301t\u0302 o\u0301r\u0302i\u0301g\u0302i\u0301n\u0302s\u0301, b\u0302u\u0301t\u0302 t\u0301r\u0302y\u0301 t\u0302o\u0301 u\u0302s\u0301e\u0302 f\u0301e\u0302w\u0301e\u0302r\u0301 t\u0302h\u0301a\u0302n\u0301 4."
+    "message": "A\u0302d\u0301d\u0302 [p\u0301r\u0302e\u0301c\u0302o\u0301n\u0302n\u0301e\u0302c\u0301t\u0302](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) h\u0301i\u0302n\u0301t\u0302s\u0301 t\u0302o\u0301 y\u0302o\u0301u\u0302r\u0301 m\u0302o\u0301s\u0302t\u0301 i\u0302m\u0301p\u0302o\u0301r\u0302t\u0301a\u0302n\u0301t\u0302 o\u0301r\u0302i\u0301g\u0302i\u0301n\u0302s\u0301, b\u0302u\u0301t\u0302 t\u0301r\u0302y\u0301 t\u0302o\u0301 u\u0302s\u0301e\u0302 n\u0301o\u0302 m\u0301o\u0302r\u0301e\u0302 t\u0301h\u0302a\u0301n\u0302 4."
   },
   "models/trace/insights/NetworkDependencyTree.ts | estSavingTableTitle": {
     "message": "P\u0302r\u0301e\u0302c\u0301o\u0302n\u0301n\u0302e\u0301c\u0302t\u0301 c\u0302a\u0301n\u0302d\u0301i\u0302d\u0301a\u0302t\u0301e\u0302s\u0301"
@@ -510,7 +519,7 @@
     "message": "[p\u0302r\u0301e\u0302c\u0301o\u0302n\u0301n\u0302e\u0301c\u0302t\u0301](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) h\u0302i\u0301n\u0302t\u0301s\u0302 h\u0301e\u0302l\u0301p\u0302 t\u0301h\u0302e\u0301 b\u0302r\u0301o\u0302w\u0301s\u0302e\u0301r\u0302 e\u0301s\u0302t\u0301a\u0302b\u0301l\u0302i\u0301s\u0302h\u0301 a\u0302 c\u0301o\u0302n\u0301n\u0302e\u0301c\u0302t\u0301i\u0302o\u0301n\u0302 e\u0301a\u0302r\u0301l\u0302i\u0301e\u0302r\u0301 i\u0302n\u0301 t\u0302h\u0301e\u0302 p\u0301a\u0302g\u0301e\u0302 l\u0301o\u0302a\u0301d\u0302, s\u0301a\u0302v\u0301i\u0302n\u0301g\u0302 t\u0301i\u0302m\u0301e\u0302 w\u0301h\u0302e\u0301n\u0302 t\u0301h\u0302e\u0301 f\u0302i\u0301r\u0302s\u0301t\u0302 r\u0301e\u0302q\u0301u\u0302e\u0301s\u0302t\u0301 f\u0302o\u0301r\u0302 t\u0301h\u0302a\u0301t\u0302 o\u0301r\u0302i\u0301g\u0302i\u0301n\u0302 i\u0301s\u0302 m\u0301a\u0302d\u0301e\u0302. T\u0301h\u0302e\u0301 f\u0302o\u0301l\u0302l\u0301o\u0302w\u0301i\u0302n\u0301g\u0302 a\u0301r\u0302e\u0301 t\u0302h\u0301e\u0302 o\u0301r\u0302i\u0301g\u0302i\u0301n\u0302s\u0301 t\u0302h\u0301a\u0302t\u0301 t\u0302h\u0301e\u0302 p\u0301a\u0302g\u0301e\u0302 p\u0301r\u0302e\u0301c\u0302o\u0301n\u0302n\u0301e\u0302c\u0301t\u0302e\u0301d\u0302 t\u0301o\u0302."
   },
   "models/trace/insights/NetworkDependencyTree.ts | preconnectOriginsTableTitle": {
-    "message": "P\u0302r\u0301e\u0302c\u0301o\u0302n\u0301n\u0302e\u0301c\u0302t\u0301 o\u0302r\u0301i\u0302g\u0301i\u0302n\u0301s\u0302"
+    "message": "P\u0302r\u0301e\u0302c\u0301o\u0302n\u0301n\u0302e\u0301c\u0302t\u0301e\u0302d\u0301 o\u0302r\u0301i\u0302g\u0301i\u0302n\u0301s\u0302"
   },
   "models/trace/insights/NetworkDependencyTree.ts | title": {
     "message": "N\u0302e\u0301t\u0302w\u0301o\u0302r\u0301k\u0302 d\u0301e\u0302p\u0301e\u0302n\u0301d\u0302e\u0301n\u0302c\u0301y\u0302 t\u0301r\u0302e\u0301e\u0302"
@@ -584,6 +593,9 @@
   "models/trace/insights/Viewport.ts | description": {
     "message": "T\u0302a\u0301p\u0302 i\u0301n\u0302t\u0301e\u0302r\u0301a\u0302c\u0301t\u0302i\u0301o\u0302n\u0301s\u0302 m\u0301a\u0302y\u0301 b\u0302e\u0301 [d\u0302e\u0301l\u0302a\u0301y\u0302e\u0301d\u0302 b\u0301y\u0302 u\u0301p\u0302 t\u0301o\u0302 300\u00a0m\u0301s\u0302](https://developer.chrome.com/blog/300ms-tap-delay-gone-away/) i\u0301f\u0302 t\u0301h\u0302e\u0301 v\u0302i\u0301e\u0302w\u0301p\u0302o\u0301r\u0302t\u0301 i\u0302s\u0301 n\u0302o\u0301t\u0302 o\u0301p\u0302t\u0301i\u0302m\u0301i\u0302z\u0301e\u0302d\u0301 f\u0302o\u0301r\u0302 m\u0301o\u0302b\u0301i\u0302l\u0301e\u0302."
   },
+  "models/trace/insights/Viewport.ts | mobileTapDelayLabel": {
+    "message": "M\u0302o\u0301b\u0302i\u0301l\u0302e\u0301 t\u0302a\u0301p\u0302 d\u0301e\u0302l\u0301a\u0302y\u0301"
+  },
   "models/trace/insights/Viewport.ts | title": {
     "message": "O\u0302p\u0301t\u0302i\u0301m\u0302i\u0301z\u0302e\u0301 v\u0302i\u0301e\u0302w\u0301p\u0302o\u0301r\u0302t\u0301 f\u0302o\u0301r\u0302 m\u0301o\u0302b\u0301i\u0302l\u0301e\u0302"
   },