lighthouse 12.3.0-dev.20250223 → 12.3.0-dev.20250224

package/core/audits/layout-shifts.d.ts

@@ -26,7 +26,6 @@ export namespace UIStrings {
     let rootCauseUnsizedMedia: string;
     let rootCauseFontChanges: string;
     let rootCauseInjectedIframe: string;
-    let rootCauseRenderBlockingRequest: string;
     let displayValueShiftsFound: string;
 }
 import { Audit } from './audit.js';

package/core/audits/layout-shifts.js

@@ -29,8 +29,6 @@ const UIStrings = {
   rootCauseFontChanges: 'Web font loaded',
   /** A possible reason why that the layout shift occured. */
   rootCauseInjectedIframe: 'Injected iframe',
-  /** A possible reason why that the layout shift occured. */
-  rootCauseRenderBlockingRequest: 'A late network request adjusted the page layout',
   /** Label shown per-audit to show how many layout shifts are present. The `{# shifts found}` placeholder will be replaced with the number of layout shifts. */
   displayValueShiftsFound: `{shiftCount, plural, =1 {1 layout shift found} other {# layout shifts found}}`,
 };
@@ -49,7 +47,7 @@ class LayoutShifts extends Audit {
       description: str_(UIStrings.description),
       scoreDisplayMode: Audit.SCORING_MODES.METRIC_SAVINGS,
       guidanceLevel: 2,
-      requiredArtifacts: ['traces', 'RootCauses', 'TraceElements'],
+      requiredArtifacts: ['traces', 'TraceElements'],
     };
   }
 
@@ -67,6 +65,16 @@ class LayoutShifts extends Audit {
     const traceElements = artifacts.TraceElements
       .filter(element => element.traceEventType === 'layout-shift');
 
+    /** @type {LH.Artifacts.TraceEngineRootCauses} */
+    const allRootCauses = {
+      layoutShifts: new Map(),
+    };
+    for (const insightSet of traceEngineResult.insights.values()) {
+      for (const [shift, reasons] of insightSet.model.CLSCulprits.shifts) {
+        allRootCauses.layoutShifts.set(shift, reasons);
+      }
+    }
+
     /** @type {Item[]} */
     const items = [];
     const layoutShiftEvents =
@@ -82,41 +90,30 @@ class LayoutShifts extends Audit {
       const biggestImpactElement = traceElements.find(t => t.nodeId === biggestImpactNodeId);
 
       // Turn root causes into sub-items.
-      const index = layoutShiftEvents.indexOf(event);
-      const rootCauses = artifacts.RootCauses.layoutShifts[index];
+      const rootCauses = allRootCauses.layoutShifts.get(event);
       /** @type {SubItem[]} */
       const subItems = [];
       if (rootCauses) {
-        for (const cause of rootCauses.unsizedMedia) {
+        for (const backendNodeId of rootCauses.unsizedImages) {
           const element = artifacts.TraceElements.find(
-            t => t.traceEventType === 'layout-shift' && t.nodeId === cause.node.backendNodeId);
+            t => t.traceEventType === 'trace-engine' && t.nodeId === backendNodeId);
           subItems.push({
             extra: element ? Audit.makeNodeItem(element.node) : undefined,
             cause: str_(UIStrings.rootCauseUnsizedMedia),
           });
         }
-        for (const cause of rootCauses.fontChanges) {
-          const url = cause.request.args.data.url;
+        for (const request of rootCauses.fontRequests) {
+          const url = request.args.data.url;
           subItems.push({
             extra: {type: 'url', value: url},
             cause: str_(UIStrings.rootCauseFontChanges),
           });
         }
-        for (const cause of rootCauses.iframes) {
-          const element = artifacts.TraceElements.find(
-            t => t.traceEventType === 'layout-shift' && t.nodeId === cause.iframe.backendNodeId);
+        if (rootCauses.iframeIds.length) {
           subItems.push({
-            extra: element ? Audit.makeNodeItem(element.node) : undefined,
             cause: str_(UIStrings.rootCauseInjectedIframe),
           });
         }
-        for (const cause of rootCauses.renderBlockingRequests) {
-          const url = cause.request.args.data.url;
-          subItems.push({
-            extra: {type: 'url', value: url},
-            cause: str_(UIStrings.rootCauseRenderBlockingRequest),
-          });
-        }
       }
 
       items.push({

package/core/config/default-config.js

@@ -109,7 +109,6 @@ const defaultConfig = {
     // Artifacts which can be depended on come first.
     {id: 'DevtoolsLog', gatherer: 'devtools-log'},
     {id: 'Trace', gatherer: 'trace'},
-    {id: 'RootCauses', gatherer: 'root-causes'},
 
     {id: 'Accessibility', gatherer: 'accessibility'},
     {id: 'AnchorElements', gatherer: 'anchor-elements'},

package/core/gather/gatherers/trace-elements.d.ts

@@ -56,8 +56,8 @@ declare class TraceElements extends BaseGatherer {
         nodeId: number;
         type: string;
     } | undefined>;
-    /** @type {LH.Gatherer.GathererMeta<'Trace'|'RootCauses'>} */
-    meta: LH.Gatherer.GathererMeta<"Trace" | "RootCauses">;
+    /** @type {LH.Gatherer.GathererMeta<'Trace'>} */
+    meta: LH.Gatherer.GathererMeta<"Trace">;
     /** @type {Map<string, string>} */
     animationIdToName: Map<string, string>;
     /** @param {LH.Crdp.Animation.AnimationStartedEvent} args */

package/core/gather/gatherers/trace-elements.js

@@ -23,7 +23,6 @@ import {LighthouseError} from '../../lib/lh-error.js';
 import {Responsiveness} from '../../computed/metrics/responsiveness.js';
 import {CumulativeLayoutShift} from '../../computed/metrics/cumulative-layout-shift.js';
 import {ExecutionContext} from '../driver/execution-context.js';
-import RootCauses from './root-causes.js';
 import {TraceEngineResult} from '../../computed/trace-engine-result.js';
 
 /** @typedef {{nodeId: number, animations?: {name?: string, failureReasonsMask?: number, unsupportedProperties?: string[]}[], type?: string}} TraceElementData */
@@ -46,10 +45,10 @@ function getNodeDetailsData() {
 /* c8 ignore stop */
 
 class TraceElements extends BaseGatherer {
-  /** @type {LH.Gatherer.GathererMeta<'Trace'|'RootCauses'>} */
+  /** @type {LH.Gatherer.GathererMeta<'Trace'>} */
   meta = {
     supportedModes: ['timespan', 'navigation'],
-    dependencies: {Trace: Trace.symbol, RootCauses: RootCauses.symbol},
+    dependencies: {Trace: Trace.symbol},
   };
 
   /** @type {Map<string, string>} */
@@ -103,13 +102,23 @@ class TraceElements extends BaseGatherer {
       seen.add(obj);
 
       if (obj && typeof obj === 'object' && !Array.isArray(obj)) {
-        Object.keys(obj).forEach(key => {
-          if (typeof obj[key] === 'object') {
-            recursiveObjectEnumerate(obj[key], cb, seen);
-          } else {
-            cb(obj, key);
+        if (obj instanceof Map) {
+          for (const [key, val] of obj) {
+            if (typeof val === 'object') {
+              recursiveObjectEnumerate(val, cb, seen);
+            } else {
+              cb(val, key);
+            }
           }
-        });
+        } else {
+          Object.keys(obj).forEach(key => {
+            if (typeof obj[key] === 'object') {
+              recursiveObjectEnumerate(obj[key], cb, seen);
+            } else {
+              cb(obj[key], key);
+            }
+          });
+        }
       } else if (Array.isArray(obj)) {
         obj.forEach(item => {
           if (typeof item === 'object' || Array.isArray(item)) {
@@ -121,12 +130,18 @@ class TraceElements extends BaseGatherer {
 
     /** @type {number[]} */
     const nodeIds = [];
-    recursiveObjectEnumerate(insightSet.model, (obj, key) => {
-      if (typeof obj[key] === 'number' && (key === 'nodeId' || key === 'node_id')) {
-        nodeIds.push(obj[key]);
+    recursiveObjectEnumerate(insightSet.model, (val, key) => {
+      const keys = ['nodeId', 'node_id'];
+      if (typeof val === 'number' && keys.includes(key)) {
+        nodeIds.push(val);
       }
     }, new Set());
 
+    // TODO: would be better if unsizedImages was `Array<{nodeId}>`.
+    for (const shift of insightSet.model.CLSCulprits.shifts.values()) {
+      nodeIds.push(...shift.unsizedImages);
+    }
+
     return [...new Set(nodeIds)].map(id => ({nodeId: id}));
   }
 
@@ -212,14 +227,6 @@ class TraceElements extends BaseGatherer {
           nodeIds.push(biggestImpactedNodeId);
         }
 
-        const index = layoutShiftEvents.indexOf(event);
-        const shiftRootCauses = rootCauses.layoutShifts[index];
-        if (shiftRootCauses) {
-          for (const cause of shiftRootCauses.unsizedMedia) {
-            nodeIds.push(cause.node.backendNodeId);
-          }
-        }
-
         return nodeIds.map(nodeId => ({nodeId}));
       });
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lighthouse",
   "type": "module",
-  "version": "12.3.0-dev.20250223",
+  "version": "12.3.0-dev.20250224",
   "description": "Automated auditing, performance metrics, and best practices for the web.",
   "main": "./core/index.js",
   "bin": {

package/shared/localization/locales/ar-XB.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "‏‮Injected‬‏ ‏‮iframe‬‏"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "‏‮A‬‏ ‏‮late‬‏ ‏‮network‬‏ ‏‮request‬‏ ‏‮adjusted‬‏ ‏‮the‬‏ ‏‮page‬‏ ‏‮layout‬‏"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "‏‮Media‬‏ ‏‮element‬‏ ‏‮lacking‬‏ ‏‮an‬‏ ‏‮explicit‬‏ ‏‮size‬‏"
   },

package/shared/localization/locales/ar.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "إطار iframe الذي تم إدخاله"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "أدَّى طلب الشبكة المتأخّر إلى تعديل تصميم الصفحة."
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "لم يتم تحديد حجم واضح لعنصر الوسائط."
   },

package/shared/localization/locales/bg.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Вмъкната вложена рамка"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Оформлението на страницата е коригирано заради закъсняла заявка в мрежата"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Липсва конкретен размер за мултимедийния елемент"
   },

package/shared/localization/locales/ca.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "S'ha injectat un iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Una sol·licitud de xarxa amb retard ha ajustat el disseny de la pàgina"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "L'element multimèdia no té una mida explícita"
   },

package/shared/localization/locales/cs.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Byl vložen prvek iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Rozvržení stránky bylo upraveno pozdním síťovým požadavkem"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "U prvku média není explicitně zadána velikost"
   },

package/shared/localization/locales/da.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Iframe er indsat"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "En sen netværksanmodning har justeret sidens layout"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Medieelementet mangler en klar angivelse af størrelse"
   },

package/shared/localization/locales/de.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Eingefügter iFrame"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Das Seitenlayout wurde durch eine späte Netzwerkanfrage angepasst"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Medienelement ohne explizite Größe"
   },

package/shared/localization/locales/el.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Έγινε εισαγωγή iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Ένα αίτημα δικτύου που έχει καθυστερήσει προσάρμοσε τη διάταξη της σελίδας"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Λείπει σαφές μέγεθος από το στοιχείο μέσων"
   },

package/shared/localization/locales/en-GB.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Injected iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "A late network request adjusted the page layout"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Media element lacking an explicit size"
   },

package/shared/localization/locales/en-US.json

@@ -1127,9 +1127,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Injected iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "A late network request adjusted the page layout"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Media element lacking an explicit size"
   },

package/shared/localization/locales/en-XA.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "[Îñĵéçţéð îƒŕåmé one two]"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "[Å ļåţé ñéţŵöŕķ ŕéqûéšţ åðĵûšţéð ţĥé þåĝé ļåýöûţ one two three four five six seven eight nine ten]"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "[Méðîå éļéméñţ ļåçķîñĝ åñ éxþļîçîţ šîžé one two three four five six seven eight]"
   },

package/shared/localization/locales/en-XL.json

@@ -1127,9 +1127,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Îńĵéĉt́êd́ îf́r̂ám̂é"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Â ĺât́ê ńêt́ŵór̂ḱ r̂éq̂úêśt̂ ád̂j́ûśt̂éd̂ t́ĥé p̂áĝé l̂áŷóût́"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "M̂éd̂íâ él̂ém̂én̂t́ l̂áĉḱîńĝ án̂ éx̂ṕl̂íĉít̂ śîźê"
   },

package/shared/localization/locales/es-419.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iframe insertado"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Una solicitud de red tardía ajustó el diseño de la página"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Elemento multimedia sin tamaño explícito"
   },

package/shared/localization/locales/es.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Iframe inyectado"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Una solicitud de red tardía ha cambiado el diseño de la página"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Elemento multimedia sin tamaño concreto"
   },

package/shared/localization/locales/fi.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Lisätty iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Myöhästynyt verkkopyyntö muutti sivun asettelua"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Mediaelementiltä puuttuu tarkka koko"
   },

package/shared/localization/locales/fil.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Na-inject na iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "In-adjust ng nahuling request sa network ang layout ng page"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Walang explicit na laki ang element ng media"
   },

package/shared/localization/locales/fr.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iFrame injecté"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Une requête réseau tardive a ajusté la mise en page"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Élément multimédia sans taille explicite"
   },

package/shared/localization/locales/he.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "החדרת iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "בקשת רשת מאוחרת גרמה לשינוי בפריסת הדף"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "רכיב מדיה שהגודל שלו לא מוגדר"
   },

package/shared/localization/locales/hi.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "इंजेक्ट किया गया iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "नेटवर्क के देर से अनुरोध करने की वजह से, पेज के लेआउट में बदलाव हुआ है"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "मीडिया एलिमेंट के साइज़ की जानकारी साफ़ तौर पर नहीं दी गई है"
   },

package/shared/localization/locales/hr.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Ugrađeni iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Izgled stranice promijenjen je zbog kasnog mrežnog zahtjeva"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Medijski element bez eksplicitne veličine"
   },

package/shared/localization/locales/hu.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Iframe került beszúrásra"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Egy későn beérkező hálózati kérelem módosította az oldal elrendezését"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Hiányzik egy médiaelem pontos mérete"
   },

package/shared/localization/locales/id.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Memasukkan iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Permintaan jaringan yang terlambat menyesuaikan tata letak halaman"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Elemen media tidak memiliki ukuran yang jelas"
   },

package/shared/localization/locales/it.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "È stato inserito un iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Una richiesta di rete in ritardo ha modificato il layout della pagina"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "L'elemento multimediale è privo di dimensioni esplicite"
   },

package/shared/localization/locales/ja.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "挿入された iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "遅延したネットワーク リクエストによりページ レイアウトが調整されました"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "メディア要素に明示的なサイズが含まれていません"
   },

package/shared/localization/locales/ko.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "삽입된 iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "네트워크 요청이 늦어져 페이지 레이아웃이 조정됨"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "명시적인 크기가 없는 미디어 요소"
   },

package/shared/localization/locales/lt.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Įterptas „iframe“"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Pavėluota tinklo užklausa pakoregavo puslapio išdėstymą"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Trūksta aiškaus medijos elemento dydžio"
   },

package/shared/localization/locales/lv.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Tika iepludināts iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Tika pielāgots lapas izkārtojums novēlota tīkla pieprasījuma dēļ"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Multivides elementam nav skaidra lieluma"
   },

package/shared/localization/locales/nl.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Geïnjecteerd iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Door een laat netwerkverzoek is de pagina-indeling aangepast"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Media-element heeft geen expliciet formaat"
   },

package/shared/localization/locales/no.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Injisert iframe-element"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "En sen nettverksforespørsel justerte sideutseendet"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Medieelement uten eksplisitt størrelse"
   },

package/shared/localization/locales/pl.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Wstrzyknięty element iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Spóźnione żądanie sieciowe spowodowało zmianę układu strony"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Element multimedialny nie ma wyraźnego rozmiaru"
   },

package/shared/localization/locales/pt-PT.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iFrame injetado"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Um pedido de rede atrasado ajustou o esquema da página"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Elemento de multimédia sem um tamanho explícito"
   },

package/shared/localization/locales/pt.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iframe injetado"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Uma solicitação tardia de rede ajustou o layout da página"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Elemento de mídia sem tamanho explícito"
   },

package/shared/localization/locales/ro.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "S-a injectat un iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "O solicitare din rețea întârziată a ajustat aspectul paginii"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Elementul media nu are o dimensiune clară"
   },

package/shared/localization/locales/ru.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Внедрение окна iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Изменение макета страницы при последнем сетевом запросе"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "У медиаэлемента нет заданного явным образом размера"
   },

package/shared/localization/locales/sk.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Vložený prvok iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Posledná sieťová požiadavka upravila rozloženie stránky"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Mediálny prvok nemá explicitnú veľkosť"
   },

package/shared/localization/locales/sl.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Vstavljen okvir iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Pozna omrežna zahteva je prilagodila postavitev strani"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Predstavnostni element nima eksplicitne velikosti"
   },

package/shared/localization/locales/sr-Latn.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Umetnuti iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Kasni mrežni zahtev je prilagodio raspored stranice"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Medijski element nema eksplicitnu veličinu"
   },

package/shared/localization/locales/sr.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Уметнути iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Касни мрежни захтев је прилагодио распоред странице"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Медијски елемент нема експлицитну величину"
   },

package/shared/localization/locales/sv.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Injicerad iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "En sen nätverksbegäran justerade sidlayouten"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Medieelementet har ingen angiven storlek"
   },

package/shared/localization/locales/ta.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iframe சேர்க்கப்பட்டிருத்தல்"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "தாமதமான நெட்வொர்க் கோரிக்கை காரணமாகப் பக்கத்தின் தளவமைப்பு மாறியிருக்கலாம்"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "மீடியா உறுப்பின் அளவு வரையறுக்கப்படாமல் இருத்தல்"
   },

package/shared/localization/locales/te.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iframe ఇంజెక్ట్ చేయబడింది"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "లేట్ నెట్‌వర్క్ రిక్వెస్ట్ కారణంగా పేజీ లేఅవుట్ మార్చబడింది"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "మీడియా ఎలిమెంట్ సైజ్ తగినది కాదు"
   },

package/shared/localization/locales/th.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "มีการแทรก iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "คำขอเครือข่ายที่ส่งล่าช้าได้ปรับเลย์เอาต์ของหน้า"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "องค์ประกอบสื่อมีขนาดที่ไม่เหมาะสม"
   },

package/shared/localization/locales/tr.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Yerleştirilen iFrame"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Geç gelen bir ağ isteği, sayfa düzenini değiştirdi"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Açık bir boyutu olmayan medya öğesi"
   },

package/shared/localization/locales/uk.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "Вставлено iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Макет сторінки змінено через запізній запит мережі"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Для медіаоб’єкта не вказано явний розмір"
   },

package/shared/localization/locales/vi.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "iframe được chèn"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "Yêu cầu kết nối mạng chậm trễ đã điều chỉnh bố cục trang"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "Phần tử nội dung đa phương tiện không có kích thước rõ ràng"
   },

package/shared/localization/locales/zh-HK.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "已插入 iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "延遲的網絡要求導致網頁版面配置變更"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "媒體元素沒有明確尺寸"
   },

package/shared/localization/locales/zh-TW.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "插入了 iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "延遲的網路要求導致網頁版面配置變更"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "媒體元素沒有明確尺寸"
   },

package/shared/localization/locales/zh.json

@@ -1082,9 +1082,6 @@
   "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
     "message": "注入的 iframe"
   },
-  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
-    "message": "延迟的网络请求调整了页面布局"
-  },
   "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
     "message": "媒体元素缺少明确的大小"
   },

package/types/artifacts.d.ts

@@ -7,7 +7,6 @@
 import {Protocol as Crdp} from 'devtools-protocol/types/protocol.js';
 import * as TraceEngine from '@paulirish/trace_engine';
 import * as Lantern from '../core/lib/lantern/lantern.js';
-import {LayoutShiftRootCausesData} from '@paulirish/trace_engine/models/trace/root-causes/LayoutShift.js';
 
 import {parseManifest} from '../core/lib/manifest-parser.js';
 import {LighthouseError} from '../core/lib/lh-error.js';
@@ -515,7 +514,7 @@ declare module Artifacts {
   }
 
   interface TraceEngineRootCauses {
-    layoutShifts: Record<number, LayoutShiftRootCausesData>;
+    layoutShifts: Map<TraceEngine.Types.Events.SyntheticLayoutShift, TraceEngine.Insights.Models.CLSCulprits.LayoutShiftRootCausesData>;
   }
 
   interface ViewportDimensions {

package/core/gather/gatherers/root-causes.d.ts

@@ -1,19 +0,0 @@
-export default RootCauses;
-declare class RootCauses extends BaseGatherer {
-    static symbol: symbol;
-    /**
-     * @param {LH.Gatherer.Driver} driver
-     * @param {LH.Artifacts.TraceEngineResult['data']} traceParsedData
-     * @return {Promise<LH.Artifacts.TraceEngineRootCauses>}
-     */
-    static runRootCauseAnalysis(driver: LH.Gatherer.Driver, traceParsedData: LH.Artifacts.TraceEngineResult["data"]): Promise<LH.Artifacts.TraceEngineRootCauses>;
-    /** @type {LH.Gatherer.GathererMeta<'Trace'>} */
-    meta: LH.Gatherer.GathererMeta<"Trace">;
-    /**
-     * @param {LH.Gatherer.Context<'Trace'>} context
-     * @return {Promise<LH.Artifacts.TraceEngineRootCauses>}
-     */
-    getArtifact(context: LH.Gatherer.Context<"Trace">): Promise<LH.Artifacts.TraceEngineRootCauses>;
-}
-import BaseGatherer from '../base-gatherer.js';
-//# sourceMappingURL=root-causes.d.ts.map

package/core/gather/gatherers/root-causes.js

@@ -1,144 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import BaseGatherer from '../base-gatherer.js';
-import Trace from './trace.js';
-import * as TraceEngine from '../../lib/trace-engine.js';
-import {TraceEngineResult} from '../../computed/trace-engine-result.js';
-
-class RootCauses extends BaseGatherer {
-  static symbol = Symbol('RootCauses');
-
-  /** @type {LH.Gatherer.GathererMeta<'Trace'>} */
-  meta = {
-    symbol: RootCauses.symbol,
-    supportedModes: ['timespan', 'navigation'],
-    dependencies: {Trace: Trace.symbol},
-  };
-
-  /**
-   * @param {LH.Gatherer.Driver} driver
-   * @param {LH.Artifacts.TraceEngineResult['data']} traceParsedData
-   * @return {Promise<LH.Artifacts.TraceEngineRootCauses>}
-   */
-  static async runRootCauseAnalysis(driver, traceParsedData) {
-    await driver.defaultSession.sendCommand('DOM.enable');
-    await driver.defaultSession.sendCommand('CSS.enable');
-
-    // DOM.getDocument is necessary for pushNodesByBackendIdsToFrontend to properly retrieve
-    // nodeIds if the DOM domain was enabled before this gatherer, invoke it to be safe.
-    await driver.defaultSession.sendCommand('DOM.getDocument', {depth: -1, pierce: true});
-
-    /** @type {import('@paulirish/trace_engine').RootCauses.RootCauses.RootCauseProtocolInterface} */
-    const protocolInterface = {
-      /** @param {string} url */
-      // eslint-disable-next-line no-unused-vars
-      getInitiatorForRequest(url) {
-        return null;
-      },
-      /** @param {import('@paulirish/trace_engine/generated/protocol.js').DOM.BackendNodeId[]} backendNodeIds */
-      async pushNodesByBackendIdsToFrontend(backendNodeIds) {
-        const response = await driver.defaultSession.sendCommand(
-          'DOM.pushNodesByBackendIdsToFrontend', {backendNodeIds});
-        const nodeIds =
-          /** @type {import('@paulirish/trace_engine/generated/protocol.js').DOM.NodeId[]} */(
-            response.nodeIds);
-        return nodeIds;
-      },
-      /** @param {import('@paulirish/trace_engine/generated/protocol.js').DOM.NodeId} nodeId */
-      async getNode(nodeId) {
-        try {
-          const response = await driver.defaultSession.sendCommand('DOM.describeNode', {nodeId});
-          // This always zero, so let's fix it here.
-          // https://bugs.chromium.org/p/chromium/issues/detail?id=1515175
-          response.node.nodeId = nodeId;
-          const node =
-            /** @type {import('@paulirish/trace_engine/generated/protocol.js').DOM.Node} */(
-              response.node);
-          return node;
-        } catch (err) {
-          if (err.message.includes('Could not find node with given id')) {
-            // TODO: when injecting an iframe, the engine gets the node of that frame's document element.
-            // But we don't have a way to access that frame. We just have our default session.
-            // Ex:
-            // node cli http://localhost:10503/shift-attribution.html --quiet --only-audits layout-shifts
-            // To fix we must:
-            // - Change trace engine `getNode` protocol interface to also give frame id
-            // - Expand our driver.targetManager to know how to talk to a session connected to a specific frame
-            // When this is fixed, remove this try/catch.
-            // Note: this could be buggy by giving the wrong node detail if a node id meant for a non-main frame
-            // happens to match one from the main frame ... which is pretty likely...
-            // TODO: fix trace engine type to allow returning null.
-            return /** @type {any} */(null);
-          }
-          throw err;
-        }
-      },
-      /** @param {number} nodeId */
-      async getComputedStyleForNode(nodeId) {
-        try {
-          const response = await driver.defaultSession.sendCommand(
-            'CSS.getComputedStyleForNode', {nodeId});
-          return response.computedStyle;
-        } catch {
-          return [];
-        }
-      },
-      /** @param {import('@paulirish/trace_engine/generated/protocol.js').DOM.NodeId} nodeId */
-      async getMatchedStylesForNode(nodeId) {
-        try {
-          const response = await driver.defaultSession.sendCommand(
-            'CSS.getMatchedStylesForNode', {nodeId});
-          return {...response, getError() {}};
-        } catch (err) {
-          return /** @type {any} */({getError() {
-            return err.toString();
-          }});
-        }
-      },
-      /** @param {string} url */
-      // @ts-expect-error not using, dont care about type error.
-      // eslint-disable-next-line no-unused-vars
-      async fontFaceForSource(url) {
-        return null;
-      },
-    };
-
-    /** @type {LH.Artifacts.TraceEngineRootCauses} */
-    const rootCauses = {
-      layoutShifts: {},
-    };
-    const rootCausesEngine = new TraceEngine.RootCauses(protocolInterface);
-    const layoutShiftEvents = traceParsedData.LayoutShifts.clusters.flatMap(c => c.events);
-    for (const event of layoutShiftEvents) {
-      const r = await rootCausesEngine.layoutShifts.rootCausesForEvent(traceParsedData, event);
-      if (!r) continue;
-
-      for (const cause of r.fontChanges) {
-        // TODO: why isn't trace engine unwrapping this promise ...
-        cause.fontFace = await cause.fontFace;
-      }
-      rootCauses.layoutShifts[layoutShiftEvents.indexOf(event)] = r;
-    }
-
-    await driver.defaultSession.sendCommand('DOM.disable');
-    await driver.defaultSession.sendCommand('CSS.disable');
-
-    return rootCauses;
-  }
-
-  /**
-   * @param {LH.Gatherer.Context<'Trace'>} context
-   * @return {Promise<LH.Artifacts.TraceEngineRootCauses>}
-   */
-  async getArtifact(context) {
-    const trace = context.dependencies.Trace;
-    const traceEngineResult = await TraceEngineResult.request({trace}, context);
-    return RootCauses.runRootCauseAnalysis(context.driver, traceEngineResult.data);
-  }
-}
-
-export default RootCauses;