diff --git a/lighthouse-cli/test/smokehouse/test-definitions/seo/expectations.js b/lighthouse-cli/test/smokehouse/test-definitions/seo/expectations.js
index 6da78f6a34e4..dc63af2398cd 100644
--- a/lighthouse-cli/test/smokehouse/test-definitions/seo/expectations.js
+++ b/lighthouse-cli/test/smokehouse/test-definitions/seo/expectations.js
@@ -357,7 +357,7 @@ const expectations = [
                 'tapTarget': {
                   'type': 'node',
                   /* eslint-disable max-len */
-                  'snippet': '<a data-gathered-target="zero-width-tap-target-with-overflowing-child-content" style="display: block; width: 0; white-space: nowrap">\n        <!-- TODO: having the span should not be necessary to cause a failure here, but\n             right now we don\'t try to get the client rects of children that …',
+                  'snippet': '<a data-gathered-target="zero-width-tap-target-with-overflowing-child-content" style="display: block; width: 0; white-space: nowrap">',
                   'path': '2,HTML,1,BODY,14,DIV,0,A',
                   'selector': 'body > div > a',
                   'nodeLabel': 'zero width target',
@@ -365,7 +365,7 @@ const expectations = [
                 'overlappingTarget': {
                   'type': 'node',
                   /* eslint-disable max-len */
-                  'snippet': '<a data-gathered-target="passing-tap-target-next-to-zero-width-target" style="display: block; width: 110px; height: 100px;background: #aaa;">\n        passing target\n      </a>',
+                  'snippet': '<a data-gathered-target="passing-tap-target-next-to-zero-width-target" style="display: block; width: 110px; height: 100px;background: #aaa;">',
                   'path': '2,HTML,1,BODY,14,DIV,1,A',
                   'selector': 'body > div > a',
                   'nodeLabel': 'passing target',
diff --git a/lighthouse-core/audits/accessibility/axe-audit.js b/lighthouse-core/audits/accessibility/axe-audit.js
index e4697cb44ee6..b08b424c53ec 100644
--- a/lighthouse-core/audits/accessibility/axe-audit.js
+++ b/lighthouse-core/audits/accessibility/axe-audit.js
@@ -78,7 +78,7 @@ class AxeAudit extends Audit {
         node: /** @type {LH.Audit.Details.NodeValue} */ ({
           type: 'node',
           selector: Array.isArray(node.target) ? node.target.join(' ') : '',
-          path: node.path,
+          path: node.devtoolsNodePath,
           snippet: node.snippet,
           boundingRect: node.boundingRect,
           explanation: node.failureSummary,
diff --git a/lighthouse-core/audits/dobetterweb/external-anchors-use-rel-noopener.js b/lighthouse-core/audits/dobetterweb/external-anchors-use-rel-noopener.js
index b972be569e05..363eea490ba0 100644
--- a/lighthouse-core/audits/dobetterweb/external-anchors-use-rel-noopener.js
+++ b/lighthouse-core/audits/dobetterweb/external-anchors-use-rel-noopener.js
@@ -60,7 +60,7 @@ class ExternalAnchorsUseRelNoopenerAudit extends Audit {
         try {
           return new URL(anchor.href).host !== pageHost;
         } catch (err) {
-          warnings.push(str_(UIStrings.warning, {anchorHTML: anchor.outerHTML}));
+          warnings.push(str_(UIStrings.warning, {anchorHTML: anchor.snippet}));
           return true;
         }
       })
@@ -74,12 +74,12 @@ class ExternalAnchorsUseRelNoopenerAudit extends Audit {
             path: anchor.devtoolsNodePath || '',
             selector: anchor.selector || '',
             nodeLabel: anchor.nodeLabel || '',
-            snippet: anchor.outerHTML || '',
+            snippet: anchor.snippet || '',
           }),
           href: anchor.href || 'Unknown',
           target: anchor.target || '',
           rel: anchor.rel || '',
-          outerHTML: anchor.outerHTML || '',
+          outerHTML: anchor.snippet || '',
         };
       });
 
diff --git a/lighthouse-core/audits/seo/crawlable-anchors.js b/lighthouse-core/audits/seo/crawlable-anchors.js
index b97af5b8369e..6669f19dc06a 100644
--- a/lighthouse-core/audits/seo/crawlable-anchors.js
+++ b/lighthouse-core/audits/seo/crawlable-anchors.js
@@ -84,7 +84,7 @@ class CrawlableAnchors extends Audit {
           path: anchor.devtoolsNodePath || '',
           selector: anchor.selector || '',
           nodeLabel: anchor.nodeLabel || '',
-          snippet: anchor.outerHTML || '',
+          snippet: anchor.snippet || '',
         },
       };
     });
diff --git a/lighthouse-core/audits/seo/tap-targets.js b/lighthouse-core/audits/seo/tap-targets.js
index 3536fdd4d78a..e1266ee97f3b 100644
--- a/lighthouse-core/audits/seo/tap-targets.js
+++ b/lighthouse-core/audits/seo/tap-targets.js
@@ -250,7 +250,7 @@ function targetToTableNode(target) {
   return {
     type: 'node',
     snippet: target.snippet,
-    path: target.path,
+    path: target.devtoolsNodePath,
     selector: target.selector,
     boundingRect,
     nodeLabel: target.nodeLabel,
diff --git a/lighthouse-core/gather/gatherers/accessibility.js b/lighthouse-core/gather/gatherers/accessibility.js
index b48e5ba811aa..36db1177aa34 100644
--- a/lighthouse-core/gather/gatherers/accessibility.js
+++ b/lighthouse-core/gather/gatherers/accessibility.js
@@ -5,7 +5,7 @@
  */
 'use strict';
 
-/* global window, document, getOuterHTMLSnippet, getBoundingClientRect, getNodePath, getNodeLabel */
+/* global window, document, getNodeDetails */
 
 const Gatherer = require('./gatherer.js');
 const fs = require('fs');
@@ -59,19 +59,10 @@ function runA11yChecks() {
     // @ts-expect-error
     const augmentAxeNodes = result => {
       // @ts-expect-error
-      result.nodes.forEach(node => {
-        // @ts-expect-error - getNodePath put into scope via stringification
-        node.path = getNodePath(node.element);
-        // @ts-expect-error - getOuterHTMLSnippet put into scope via stringification
-        node.snippet = getOuterHTMLSnippet(node.element);
-        // @ts-expect-error - getBoundingClientRect put into scope via stringification
-        const rect = getBoundingClientRect(node.element);
-        if (rect.width > 0 && rect.height > 0) {
-          node.boundingRect = rect;
-        }
 
-        // @ts-expect-error - getNodeLabel put into scope via stringification
-        node.nodeLabel = getNodeLabel(node.element);
+      result.nodes.forEach(node => {
+        // @ts-expect-error - getNodeDetails put into scope via stringification
+        Object.assign(node, getNodeDetails(node.element));
         // avoid circular JSON concerns
         node.element = node.any = node.all = node.none = undefined;
       });
@@ -110,10 +101,7 @@ class Accessibility extends Gatherer {
   afterPass(passContext) {
     const driver = passContext.driver;
     const expression = `(function () {
-      ${pageFunctions.getOuterHTMLSnippetString};
-      ${pageFunctions.getBoundingClientRectString};
-      ${pageFunctions.getNodePathString};
-      ${pageFunctions.getNodeLabelString};
+      ${pageFunctions.getNodeDetailsString};
       ${axeLibSource};
       return (${runA11yChecks.toString()}());
     })()`;
diff --git a/lighthouse-core/gather/gatherers/anchor-elements.js b/lighthouse-core/gather/gatherers/anchor-elements.js
index d77056559a97..746b549c53eb 100644
--- a/lighthouse-core/gather/gatherers/anchor-elements.js
+++ b/lighthouse-core/gather/gatherers/anchor-elements.js
@@ -5,6 +5,8 @@
  */
 'use strict';
 
+/* global getNodeDetails */
+
 const Gatherer = require('./gatherer.js');
 const pageFunctions = require('../../lib/page-functions.js');
 
@@ -41,15 +43,8 @@ function collectAnchorElements() {
   const anchorElements = getElementsInDocument('a'); // eslint-disable-line no-undef
 
   return anchorElements.map(node => {
-    // @ts-expect-error - put into scope via stringification
-    const outerHTML = getOuterHTMLSnippet(node); // eslint-disable-line no-undef
-    // @ts-expect-error - put into scope via stringification
-    const nodePath = getNodePath(node); // eslint-disable-line no-undef
-    // @ts-expect-error - getNodeSelector put into scope via stringification
-    const selector = getNodeSelector(node); // eslint-disable-line no-undef
-    // @ts-expect-error - getNodeLabel put into scope via stringification
-    const nodeLabel = getNodeLabel(node); // eslint-disable-line no-undef
-
+    // @ts-expect-error - getNodeDetails put into scope via stringification
+    const nodeInfo = getNodeDetails(node);
     if (node instanceof HTMLAnchorElement) {
       return {
         href: node.href,
@@ -60,10 +55,7 @@ function collectAnchorElements() {
         text: node.innerText, // we don't want to return hidden text, so use innerText
         rel: node.rel,
         target: node.target,
-        devtoolsNodePath: nodePath,
-        selector,
-        nodeLabel,
-        outerHTML,
+        ...nodeInfo,
       };
     }
 
@@ -75,10 +67,7 @@ function collectAnchorElements() {
       text: node.textContent || '',
       rel: '',
       target: node.target.baseVal || '',
-      devtoolsNodePath: nodePath,
-      selector,
-      nodeLabel,
-      outerHTML,
+      ...nodeInfo,
     };
   });
 }
@@ -107,11 +96,8 @@ class AnchorElements extends Gatherer {
   async afterPass(passContext) {
     const driver = passContext.driver;
     const expression = `(() => {
-      ${pageFunctions.getOuterHTMLSnippetString};
       ${pageFunctions.getElementsInDocumentString};
-      ${pageFunctions.getNodePathString};
-      ${pageFunctions.getNodeSelectorString};
-      ${pageFunctions.getNodeLabelString};
+      ${pageFunctions.getNodeDetailsString};
 
       return (${collectAnchorElements})();
     })()`;
diff --git a/lighthouse-core/gather/gatherers/dobetterweb/password-inputs-with-prevented-paste.js b/lighthouse-core/gather/gatherers/dobetterweb/password-inputs-with-prevented-paste.js
index ed51b5981aa9..49d7d9251427 100644
--- a/lighthouse-core/gather/gatherers/dobetterweb/password-inputs-with-prevented-paste.js
+++ b/lighthouse-core/gather/gatherers/dobetterweb/password-inputs-with-prevented-paste.js
@@ -5,7 +5,7 @@
  */
 'use strict';
 
-/* global document ClipboardEvent getOuterHTMLSnippet */
+/* global document ClipboardEvent getNodeDetails */
 
 const Gatherer = require('../gatherer.js');
 const pageFunctions = require('../../../lib/page-functions.js');
@@ -22,10 +22,10 @@ function findPasswordInputsWithPreventedPaste() {
         new ClipboardEvent('paste', {cancelable: true})
       )
     )
-    .map(passwordInput => ({
-      // @ts-expect-error - getOuterHTMLSnippet put into scope via stringification
-      snippet: getOuterHTMLSnippet(passwordInput),
-    }));
+    .map(passwordInput => (
+      // @ts-expect-error - getNodeDetails put into scope via stringification
+      getNodeDetails(passwordInput)
+    ));
 }
 
 class PasswordInputsWithPreventedPaste extends Gatherer {
@@ -34,10 +34,12 @@ class PasswordInputsWithPreventedPaste extends Gatherer {
    * @return {Promise<LH.Artifacts['PasswordInputsWithPreventedPaste']>}
    */
   afterPass(passContext) {
-    return passContext.driver.evaluateAsync(`(() => {
-      ${pageFunctions.getOuterHTMLSnippetString};
+    const expression = `(() => {
+      ${pageFunctions.getNodeDetailsString};
       return (${findPasswordInputsWithPreventedPaste.toString()}());
-    })()`);
+    })()`;
+
+    return passContext.driver.evaluateAsync(expression);
   }
 }
 
diff --git a/lighthouse-core/gather/gatherers/form-elements.js b/lighthouse-core/gather/gatherers/form-elements.js
index e54d482d6bfe..56b8df6a1ac2 100644
--- a/lighthouse-core/gather/gatherers/form-elements.js
+++ b/lighthouse-core/gather/gatherers/form-elements.js
@@ -5,6 +5,8 @@
  */
 'use strict';
 
+/* global getNodeDetails */
+
 const Gatherer = require('./gatherer.js');
 const pageFunctions = require('../../lib/page-functions.js');
 
@@ -37,10 +39,8 @@ function collectFormElements() {
           id: parentFormElement.id,
           name: parentFormElement.name,
           autocomplete: parentFormElement.autocomplete,
-          // @ts-expect-error - put into scope via stringification
-          nodeLabel: getNodeLabel(parentFormElement), // eslint-disable-line no-undef,
-          // @ts-expect-error - put into scope via stringification
-          snippet: getOuterHTMLSnippet(parentFormElement), // eslint-disable-line no-undef
+          // @ts-expect-error - getNodeDetails put into scope via stringification
+          ...getNodeDetails(parentFormElement),
         },
         inputs: [],
         labels: [],
@@ -60,19 +60,15 @@ function collectFormElements() {
           attribute: child.getAttribute('autocomplete'),
           prediction: child.getAttribute('autofill-prediction'),
         },
-        // @ts-expect-error - put into scope via stringification
-        nodeLabel: getNodeLabel(child), // eslint-disable-line no-undef,
-        // @ts-expect-error - put into scope via stringification
-        snippet: getOuterHTMLSnippet(child), // eslint-disable-line no-undef
+        // @ts-expect-error - getNodeDetails put into scope via stringification
+        ...getNodeDetails(child),
       });
     }
     if (child instanceof HTMLLabelElement) {
       formObj.labels.push({
         for: child.htmlFor,
-        // @ts-expect-error - put into scope via stringification
-        nodeLabel: getNodeLabel(child), // eslint-disable-line no-undef,
-        // @ts-expect-error - put into scope via stringification
-        snippet: getOuterHTMLSnippet(child), // eslint-disable-line no-undef
+        // @ts-expect-error - getNodeDetails put into scope via stringification
+        ...getNodeDetails(child),
       });
     }
   }
@@ -96,8 +92,7 @@ class FormElements extends Gatherer {
 
     const expression = `(() => {
       ${pageFunctions.getElementsInDocumentString};
-      ${pageFunctions.getOuterHTMLSnippetString};
-      ${pageFunctions.getNodeLabelString};
+      ${pageFunctions.getNodeDetailsString};
       return (${collectFormElements})();
     })()`;
 
diff --git a/lighthouse-core/gather/gatherers/iframe-elements.js b/lighthouse-core/gather/gatherers/iframe-elements.js
index baeda75a0427..01853f1baabe 100644
--- a/lighthouse-core/gather/gatherers/iframe-elements.js
+++ b/lighthouse-core/gather/gatherers/iframe-elements.js
@@ -5,6 +5,8 @@
  */
 'use strict';
 
+/* global getNodeDetails */
+
 const Gatherer = require('./gatherer.js');
 const pageFunctions = require('../../lib/page-functions.js');
 
@@ -26,6 +28,8 @@ function collectIFrameElements() {
       clientRect: {top, bottom, left, right, width, height},
       // @ts-expect-error - put into scope via stringification
       isPositionFixed: isPositionFixed(node), // eslint-disable-line no-undef
+      // @ts-expect-error - getNodeDetails put into scope via stringification
+      ...getNodeDetails(node),
     };
   });
 }
@@ -40,9 +44,9 @@ class IFrameElements extends Gatherer {
     const driver = passContext.driver;
 
     const expression = `(() => {
-      ${pageFunctions.getOuterHTMLSnippetString};
       ${pageFunctions.getElementsInDocumentString};
       ${pageFunctions.isPositionFixedString};
+      ${pageFunctions.getNodeDetailsString};
       return (${collectIFrameElements})();
     })()`;
 
diff --git a/lighthouse-core/gather/gatherers/image-elements.js b/lighthouse-core/gather/gatherers/image-elements.js
index 3cf823cf0fb2..2ff8c9166f55 100644
--- a/lighthouse-core/gather/gatherers/image-elements.js
+++ b/lighthouse-core/gather/gatherers/image-elements.js
@@ -14,7 +14,7 @@ const pageFunctions = require('../../lib/page-functions.js');
 const Driver = require('../driver.js'); // eslint-disable-line no-unused-vars
 const FontSize = require('./seo/font-size.js');
 
-/* global window, getElementsInDocument, Image, getNodePath, getNodeSelector, getNodeLabel, getOuterHTMLSnippet, ShadowRoot */
+/* global window, getElementsInDocument, Image, getNodeDetails, ShadowRoot */
 
 
 /** @param {Element} element */
@@ -86,14 +86,8 @@ function getHTMLImages(allElements) {
       isInShadowDOM: element.getRootNode() instanceof ShadowRoot,
       // https://html.spec.whatwg.org/multipage/images.html#pixel-density-descriptor
       usesSrcSetDensityDescriptor: / \d+(\.\d+)?x/.test(element.srcset),
-      // @ts-ignore - getNodePath put into scope via stringification
-      devtoolsNodePath: getNodePath(element),
-      // @ts-ignore - put into scope via stringification
-      selector: getNodeSelector(element),
-      // @ts-ignore - put into scope via stringification
-      nodeLabel: getNodeLabel(element),
-      // @ts-ignore - put into scope via stringification
-      snippet: getOuterHTMLSnippet(element),
+      // @ts-expect-error - getNodeDetails put into scope via stringification
+      ...getNodeDetails(element),
     };
   });
 }
@@ -143,14 +137,8 @@ function getCSSImages(allElements) {
       ),
       usesSrcSetDensityDescriptor: false,
       resourceSize: 0, // this will get overwritten below
-      // @ts-ignore - getNodePath put into scope via stringification
-      devtoolsNodePath: getNodePath(element),
-      // @ts-ignore - put into scope via stringification
-      selector: getNodeSelector(element),
-      // @ts-ignore - put into scope via stringification
-      nodeLabel: getNodeLabel(element),
-      // @ts-ignore - put into scope via stringification
-      snippet: getOuterHTMLSnippet(element),
+      // @ts-expect-error - getNodeDetails put into scope via stringification
+      ...getNodeDetails(element),
     });
   }
 
@@ -312,10 +300,8 @@ class ImageElements extends Gatherer {
 
     const expression = `(function() {
       ${pageFunctions.getElementsInDocumentString}; // define function on page
-      ${pageFunctions.getNodePathString};
-      ${pageFunctions.getNodeSelectorString};
-      ${pageFunctions.getNodeLabelString};
-      ${pageFunctions.getOuterHTMLSnippetString};
+      ${pageFunctions.getBoundingClientRectString};
+      ${pageFunctions.getNodeDetailsString};
       ${getClientRect.toString()};
       ${getPosition.toString()};
       ${getHTMLImages.toString()};
diff --git a/lighthouse-core/gather/gatherers/link-elements.js b/lighthouse-core/gather/gatherers/link-elements.js
index 52d525af381e..bd7e4497c1a1 100644
--- a/lighthouse-core/gather/gatherers/link-elements.js
+++ b/lighthouse-core/gather/gatherers/link-elements.js
@@ -9,14 +9,9 @@ const LinkHeader = require('http-link-header');
 const Gatherer = require('./gatherer.js');
 const {URL} = require('../../lib/url-shim.js');
 const NetworkAnalyzer = require('../../lib/dependency-graph/simulator/network-analyzer.js');
-const {
-  getElementsInDocumentString,
-  getNodePathString,
-  getNodeSelectorString,
-  getNodeLabelString,
-} = require('../../lib/page-functions.js');
+const {getElementsInDocumentString, getNodeDetailsString} = require('../../lib/page-functions.js');
 
-/* globals HTMLLinkElement */
+/* globals HTMLLinkElement getNodeDetails */
 
 /**
  * @fileoverview
@@ -64,13 +59,6 @@ function getLinkElementsInDOM() {
     // https://github.com/GoogleChrome/lighthouse/issues/9764
     if (!(link instanceof HTMLLinkElement)) continue;
 
-    // @ts-expect-error - put into scope via stringification
-    const nodePath = getNodePath(link); // eslint-disable-line no-undef
-    // @ts-expect-error - getNodeSelector put into scope via stringification
-    const selector = getNodeSelector(link); // eslint-disable-line no-undef
-    // @ts-expect-error - getNodeLabel put into scope via stringification
-    const nodeLabel = getNodeLabel(link); // eslint-disable-line no-undef
-
     const hrefRaw = link.getAttribute('href') || '';
     const source = link.closest('head') ? 'head' : 'body';
 
@@ -80,11 +68,10 @@ function getLinkElementsInDOM() {
       hreflang: link.hreflang,
       as: link.as,
       crossOrigin: link.crossOrigin,
-      devtoolsNodePath: nodePath,
       hrefRaw,
       source,
-      selector,
-      nodeLabel,
+      // @ts-expect-error - put into scope via stringification
+      ...getNodeDetails(link),
     });
   }
 
@@ -102,9 +89,7 @@ class LinkElements extends Gatherer {
     return passContext.driver.evaluateAsync(`(() => {
       ${getElementsInDocumentString};
       ${getLinkElementsInDOM};
-      ${getNodePathString};
-      ${getNodeSelectorString};
-      ${getNodeLabelString};
+      ${getNodeDetailsString};
 
       return getLinkElementsInDOM();
     })()`, {useIsolation: true});
@@ -135,6 +120,11 @@ class LinkElements extends Gatherer {
           as: link.as || '',
           crossOrigin: getCrossoriginFromHeader(link.crossorigin),
           source: 'headers',
+          devtoolsNodePath: '',
+          selector: '',
+          nodeLabel: '',
+          boundingRect: null,
+          snippet: '',
         });
       }
     }
diff --git a/lighthouse-core/gather/gatherers/script-elements.js b/lighthouse-core/gather/gatherers/script-elements.js
index 3c0392964dd0..e820f596b5b3 100644
--- a/lighthouse-core/gather/gatherers/script-elements.js
+++ b/lighthouse-core/gather/gatherers/script-elements.js
@@ -11,7 +11,7 @@ const NetworkRequest = require('../../lib/network-request.js');
 const getElementsInDocumentString = require('../../lib/page-functions.js').getElementsInDocumentString; // eslint-disable-line max-len
 const pageFunctions = require('../../lib/page-functions.js');
 
-/* global getNodePath */
+/* global getNodeDetails */
 
 /**
  * @return {LH.Artifacts['ScriptElements']}
@@ -30,8 +30,8 @@ function collectAllScriptElements() {
       async: script.async,
       defer: script.defer,
       source: /** @type {'head'|'body'} */ (script.closest('head') ? 'head' : 'body'),
-      // @ts-expect-error - getNodePath put into scope via stringification
-      devtoolsNodePath: getNodePath(script),
+      // @ts-expect-error - getNodeDetails put into scope via stringification
+      ...getNodeDetails(script),
       content: script.src ? null : script.text,
       requestId: null,
     };
@@ -75,7 +75,7 @@ class ScriptElements extends Gatherer {
     /** @type {LH.Artifacts['ScriptElements']} */
     const scripts = await driver.evaluateAsync(`(() => {
       ${getElementsInDocumentString}
-      ${pageFunctions.getNodePathString};
+      ${pageFunctions.getNodeDetailsString};
       return (${collectAllScriptElements.toString()})();
     })()`, {useIsolation: true});
 
@@ -108,6 +108,10 @@ class ScriptElements extends Gatherer {
       } else {
         scripts.push({
           devtoolsNodePath: '',
+          snippet: '',
+          selector: '',
+          nodeLabel: '',
+          boundingRect: null,
           type: null,
           src: record.url,
           id: null,
diff --git a/lighthouse-core/gather/gatherers/seo/tap-targets.js b/lighthouse-core/gather/gatherers/seo/tap-targets.js
index 87386ca5659b..33ccae0cda58 100644
--- a/lighthouse-core/gather/gatherers/seo/tap-targets.js
+++ b/lighthouse-core/gather/gatherers/seo/tap-targets.js
@@ -5,7 +5,7 @@
  */
 'use strict';
 
-/* global document, window, getComputedStyle, getBoundingClientRect, getElementsInDocument, Node, getNodePath, getNodeSelector, getNodeLabel */
+/* global document, window, getComputedStyle, getElementsInDocument, Node, getNodeDetails */
 
 const Gatherer = require('../gatherer.js');
 const pageFunctions = require('../../../lib/page-functions.js');
@@ -141,19 +141,6 @@ function elementIsInTextBlock(element) {
   }
 }
 
-/**
- * @param {string} str
- * @param {number} maxLength
- * @return {string}
- */
-/* istanbul ignore next */
-function truncate(str, maxLength) {
-  if (str.length <= maxLength) {
-    return str;
-  }
-  return str.slice(0, maxLength - 1) + '…';
-}
-
 /**
  * @param {Element} el
  * @param {{x: number, y: number}} elCenterPoint
@@ -283,16 +270,9 @@ function gatherTapTargets() {
   for (const {tapTargetElement, visibleClientRects} of tapTargetsWithVisibleClientRects) {
     targets.push({
       clientRects: visibleClientRects,
-      // @ts-expect-error - getBoundingClientRect put into scope via stringification
-      boundingRect: getBoundingClientRect(tapTargetElement),
-      snippet: truncate(tapTargetElement.outerHTML, 300),
-      // @ts-expect-error - getNodePath put into scope via stringification
-      path: getNodePath(tapTargetElement),
-      // @ts-expect-error - getNodeSelector put into scope via stringification
-      selector: getNodeSelector(tapTargetElement),
-      // @ts-expect-error - getNodeLabel put into scope via stringification
-      nodeLabel: getNodeLabel(tapTargetElement),
       href: /** @type {HTMLAnchorElement} */(tapTargetElement)['href'] || '',
+      // @ts-expect-error - getNodeDetails put into scope via stringification
+      ...getNodeDetails(tapTargetElement),
     });
   }
 
@@ -314,18 +294,14 @@ class TapTargets extends Gatherer {
       ${elementIsVisible.toString()};
       ${elementHasAncestorTapTarget.toString()};
       ${elementCenterIsAtZAxisTop.toString()}
-      ${truncate.toString()};
       ${getClientRects.toString()};
       ${hasTextNodeSiblingsFormingTextBlock.toString()};
       ${elementIsInTextBlock.toString()};
-      ${pageFunctions.getBoundingClientRectString};
       ${getRectArea.toString()};
       ${getLargestRect.toString()};
       ${getRectCenterPoint.toString()};
       ${rectContains.toString()};
-      ${pageFunctions.getNodePathString};
-      ${pageFunctions.getNodeSelectorString};
-      ${pageFunctions.getNodeLabelString};
+      ${pageFunctions.getNodeDetailsString};
       ${gatherTapTargets.toString()};
 
       return gatherTapTargets();
diff --git a/lighthouse-core/gather/gatherers/trace-elements.js b/lighthouse-core/gather/gatherers/trace-elements.js
index 768fa885ae83..b6da3564a913 100644
--- a/lighthouse-core/gather/gatherers/trace-elements.js
+++ b/lighthouse-core/gather/gatherers/trace-elements.js
@@ -5,6 +5,8 @@
  */
 'use strict';
 
+/* global getNodeDetails */
+
 /**
  * @fileoverview
  * This gatherer identifies elements that contribrute to metrics in the trace (LCP, CLS, etc.).
@@ -27,18 +29,8 @@ function getNodeDetailsData() {
   const elem = this.nodeType === document.ELEMENT_NODE ? this : this.parentElement; // eslint-disable-line no-undef
   let traceElement;
   if (elem) {
-    traceElement = {
-      // @ts-expect-error - put into scope via stringification
-      devtoolsNodePath: getNodePath(elem), // eslint-disable-line no-undef
-      // @ts-expect-error - put into scope via stringification
-      selector: getNodeSelector(elem), // eslint-disable-line no-undef
-      // @ts-expect-error - put into scope via stringification
-      nodeLabel: getNodeLabel(elem), // eslint-disable-line no-undef
-      // @ts-expect-error - put into scope via stringification
-      snippet: getOuterHTMLSnippet(elem), // eslint-disable-line no-undef
-      // @ts-expect-error - put into scope via stringification
-      boundingRect: getBoundingClientRect(elem), // eslint-disable-line no-undef
-    };
+    // @ts-expect-error - getNodeDetails put into scope via stringification
+    traceElement = getNodeDetails(elem);
   }
   return traceElement;
 }
@@ -288,11 +280,7 @@ class TraceElements extends Gatherer {
             objectId,
             functionDeclaration: `function () {
               ${getNodeDetailsData.toString()};
-              ${pageFunctions.getNodePathString};
-              ${pageFunctions.getNodeSelectorString};
-              ${pageFunctions.getNodeLabelString};
-              ${pageFunctions.getOuterHTMLSnippetString};
-              ${pageFunctions.getBoundingClientRectString};
+              ${pageFunctions.getNodeDetailsString};
               return getNodeDetailsData.call(this);
             }`,
             returnByValue: true,
diff --git a/lighthouse-core/lib/page-functions.js b/lighthouse-core/lib/page-functions.js
index 0f92f698df5f..c75be1cc3860 100644
--- a/lighthouse-core/lib/page-functions.js
+++ b/lighthouse-core/lib/page-functions.js
@@ -420,6 +420,21 @@ function wrapRequestIdleCallback(cpuSlowdownMultiplier) {
   };
 }
 
+const getNodeDetailsString = `function getNodeDetails(elem) {
+  ${getNodePath.toString()};
+  ${getNodeSelector.toString()};
+  ${getBoundingClientRect.toString()};
+  ${getOuterHTMLSnippet.toString()};
+  ${getNodeLabel.toString()};
+  return {
+    devtoolsNodePath: getNodePath(elem),
+    selector: getNodeSelector(elem),
+    boundingRect: getBoundingClientRect(elem),
+    snippet: getOuterHTMLSnippet(elem),
+    nodeLabel: getNodeLabel(elem),
+  };
+}`;
+
 module.exports = {
   wrapRuntimeEvalErrorInBrowserString: wrapRuntimeEvalErrorInBrowser.toString(),
   registerPerformanceObserverInPageString: registerPerformanceObserverInPage.toString(),
@@ -429,6 +444,7 @@ module.exports = {
   getOuterHTMLSnippet: getOuterHTMLSnippet,
   computeBenchmarkIndex: computeBenchmarkIndex,
   computeBenchmarkIndexString: computeBenchmarkIndex.toString(),
+  getNodeDetailsString,
   getNodePathString: getNodePath.toString(),
   getNodeSelectorString: getNodeSelector.toString(),
   getNodeSelector: getNodeSelector,
diff --git a/lighthouse-core/test/gather/gatherers/link-elements-test.js b/lighthouse-core/test/gather/gatherers/link-elements-test.js
index 39dfdaf9e92d..5ebed2638d60 100644
--- a/lighthouse-core/test/gather/gatherers/link-elements-test.js
+++ b/lighthouse-core/test/gather/gatherers/link-elements-test.js
@@ -23,6 +23,11 @@ describe('Link Elements gatherer', () => {
       hreflang: '',
       as: '',
       crossOrigin: null,
+      devtoolsNodePath: '',
+      nodeLabel: '',
+      snippet: '',
+      boundingRect: null,
+      selector: '',
       ...overrides,
     };
   }
diff --git a/lighthouse-core/test/results/artifacts/artifacts.json b/lighthouse-core/test/results/artifacts/artifacts.json
index 6d1432674fdf..72719b9a69f1 100644
--- a/lighthouse-core/test/results/artifacts/artifacts.json
+++ b/lighthouse-core/test/results/artifacts/artifacts.json
@@ -1312,7 +1312,7 @@
               "h2"
             ],
             "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.32 (foreground color: #ffc0cb, background color: #eeeeee, font size: 18.0pt, font weight: bold). Expected contrast ratio of 3:1",
-            "path": "3,HTML,1,BODY,5,DIV,0,H2",
+            "devtoolsNodePath": "3,HTML,1,BODY,5,DIV,0,H2",
             "snippet": "<h2>",
             "boundingRect": {
               "width": 396,
@@ -1331,7 +1331,7 @@
               "span"
             ],
             "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 1.32 (foreground color: #ffc0cb, background color: #eeeeee, font size: 12.0pt, font weight: normal). Expected contrast ratio of 4.5:1",
-            "path": "3,HTML,1,BODY,5,DIV,1,SPAN",
+            "devtoolsNodePath": "3,HTML,1,BODY,5,DIV,1,SPAN",
             "snippet": "<span>",
             "boundingRect": {
               "width": 57,
@@ -1364,7 +1364,7 @@
               "html"
             ],
             "failureSummary": "Fix any of the following:\n  The <html> element does not have a lang attribute",
-            "path": "3,HTML",
+            "devtoolsNodePath": "3,HTML",
             "snippet": "<html manifest=\"clock.appcache\">",
             "boundingRect": {
               "width": 412,
@@ -1399,7 +1399,7 @@
               "img[height=\"\\35 7\"]"
             ],
             "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute or the title attribute is empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,10,IMG",
+            "devtoolsNodePath": "3,HTML,1,BODY,10,IMG",
             "snippet": "<img src=\"lighthouse-480x318.jpg\" width=\"480\" height=\"57\">",
             "boundingRect": {
               "width": 480,
@@ -1418,7 +1418,7 @@
               "img[height=\"\\33 18\"]"
             ],
             "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute or the title attribute is empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,12,IMG",
+            "devtoolsNodePath": "3,HTML,1,BODY,12,IMG",
             "snippet": "<img src=\"lighthouse-480x318.jpg\" width=\"480\" height=\"318\">",
             "boundingRect": {
               "width": 480,
@@ -1437,7 +1437,7 @@
               "img[src$=\"lighthouse-rotating\\.gif\"]"
             ],
             "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute or the title attribute is empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,14,IMG",
+            "devtoolsNodePath": "3,HTML,1,BODY,14,IMG",
             "snippet": "<img src=\"lighthouse-rotating.gif\" width=\"811\" height=\"462\">",
             "boundingRect": {
               "width": 811,
@@ -1456,7 +1456,7 @@
               "img:nth-child(30)"
             ],
             "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute or the title attribute is empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,53,IMG",
+            "devtoolsNodePath": "3,HTML,1,BODY,53,IMG",
             "snippet": "<img src=\"blob:http://localhost:54759/41e77cc6-8eb2-49d5-a819-7edf852531be\">",
             "boundingRect": {
               "width": 16,
@@ -1492,7 +1492,7 @@
               "input[onpaste=\"event\\.preventDefault\\(\\)\\;\"]"
             ],
             "failureSummary": "Fix any of the following:\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Form element does not have an implicit (wrapped) <label>\n  Form element does not have an explicit <label>\n  Element has no title attribute or the title attribute is empty",
-            "path": "3,HTML,1,BODY,48,INPUT",
+            "devtoolsNodePath": "3,HTML,1,BODY,48,INPUT",
             "snippet": "<input type=\"password\" onpaste=\"event.preventDefault();\">",
             "boundingRect": {
               "width": 131,
@@ -1511,7 +1511,7 @@
               "input:nth-child(28)"
             ],
             "failureSummary": "Fix any of the following:\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Form element does not have an implicit (wrapped) <label>\n  Form element does not have an explicit <label>\n  Element has no title attribute or the title attribute is empty",
-            "path": "3,HTML,1,BODY,50,INPUT",
+            "devtoolsNodePath": "3,HTML,1,BODY,50,INPUT",
             "snippet": "<input type=\"password\">",
             "boundingRect": {
               "width": 131,
@@ -1530,7 +1530,7 @@
               "input[onpaste=\"return\\ false\\;\"]"
             ],
             "failureSummary": "Fix any of the following:\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Form element does not have an implicit (wrapped) <label>\n  Form element does not have an explicit <label>\n  Element has no title attribute or the title attribute is empty",
-            "path": "3,HTML,1,BODY,52,INPUT",
+            "devtoolsNodePath": "3,HTML,1,BODY,52,INPUT",
             "snippet": "<input type=\"password\" onpaste=\"return false;\">",
             "boundingRect": {
               "width": 131,
@@ -1566,7 +1566,7 @@
               "a[href=\"javascript\\:void\\(0\\)\"]"
             ],
             "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,44,A",
+            "devtoolsNodePath": "3,HTML,1,BODY,44,A",
             "snippet": "<a href=\"javascript:void(0)\" target=\"_blank\">",
             "nodeLabel": "a"
           },
@@ -1577,7 +1577,7 @@
               "a[href$=\"mailto\\:inbox\\@email\\.com\"]"
             ],
             "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,46,A",
+            "devtoolsNodePath": "3,HTML,1,BODY,46,A",
             "snippet": "<a href=\"mailto:inbox@email.com\" target=\"_blank\">",
             "nodeLabel": "a"
           }
@@ -1604,7 +1604,7 @@
               "#\\35 934a"
             ],
             "failureSummary": "Fix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute or the title attribute is empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,2,OBJECT",
+            "devtoolsNodePath": "3,HTML,1,BODY,2,OBJECT",
             "snippet": "<object id=\"5934a\">",
             "boundingRect": {
               "width": 300,
@@ -1623,7 +1623,7 @@
               "#\\35 934b"
             ],
             "failureSummary": "Fix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute or the title attribute is empty\n  Element's default semantics were not overridden with role=\"presentation\"\n  Element's default semantics were not overridden with role=\"none\"",
-            "path": "3,HTML,1,BODY,3,OBJECT",
+            "devtoolsNodePath": "3,HTML,1,BODY,3,OBJECT",
             "snippet": "<object id=\"5934b\">",
             "boundingRect": {
               "width": 300,
@@ -1966,8 +1966,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,36,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1166,
+        "bottom": 1184,
+        "left": 91,
+        "right": 171,
+        "width": 80,
+        "height": 18
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\">",
       "nodeLabel": "external link",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\">",
       "listeners": []
     },
     {
@@ -1981,8 +1989,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,38,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1166,
+        "bottom": 1184,
+        "left": 175,
+        "right": 255,
+        "width": 80,
+        "height": 18
+      },
+      "snippet": "<a target=\"_blank\">",
       "nodeLabel": "external link",
-      "outerHTML": "<a target=\"_blank\">",
       "listeners": []
     },
     {
@@ -1996,8 +2012,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,40,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1166,
+        "bottom": 1184,
+        "left": 259,
+        "right": 340,
+        "width": 80,
+        "height": 18
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"nofollow\">",
       "nodeLabel": "external link",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"nofollow\">",
       "listeners": []
     },
     {
@@ -2011,8 +2035,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,42,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1184,
+        "bottom": 1220,
+        "left": 8,
+        "right": 311,
+        "width": 303,
+        "height": 36
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noopener nofollow\">",
       "nodeLabel": "external link that uses rel noopener and another unrelated rel attribute",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noopener nofollow\">",
       "listeners": []
     },
     {
@@ -2026,8 +2058,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,44,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1202,
+        "bottom": 1238,
+        "left": 8,
+        "right": 311,
+        "width": 303,
+        "height": 36
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noreferrer nofollow\">",
       "nodeLabel": "external link that uses rel noreferrer and another unrelated rel attribute",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noreferrer nofollow\">",
       "listeners": []
     },
     {
@@ -2041,8 +2081,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,46,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1220,
+        "bottom": 1256,
+        "left": 8,
+        "right": 348,
+        "width": 340,
+        "height": 36
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noopener\">",
       "nodeLabel": "external link that uses rel noopener",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noopener\">",
       "listeners": []
     },
     {
@@ -2056,8 +2104,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,48,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1238,
+        "bottom": 1274,
+        "left": 8,
+        "right": 342,
+        "width": 334,
+        "height": 36
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noreferrer\">",
       "nodeLabel": "external link that uses rel noreferrer",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noreferrer\">",
       "listeners": []
     },
     {
@@ -2071,12 +2127,20 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,50,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1256,
+        "bottom": 1293,
+        "left": 8,
+        "right": 327,
+        "width": 319,
+        "height": 37
+      },
+      "snippet": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noopener noreferrer\">",
       "nodeLabel": "external link that uses rel noopener and noreferrer",
-      "outerHTML": "<a href=\"https://www.google.com/\" target=\"_blank\" rel=\"noopener noreferrer\">",
       "listeners": []
     },
     {
-      "href": "http://localhost:53133/dobetterweb/doesnotexist",
+      "href": "http://localhost:53522/dobetterweb/doesnotexist",
       "rawHref": "./doesnotexist",
       "onclick": "",
       "role": "",
@@ -2086,8 +2150,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,52,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1275,
+        "bottom": 1293,
+        "left": 76,
+        "right": 188,
+        "width": 112,
+        "height": 18
+      },
+      "snippet": "<a href=\"./doesnotexist\" target=\"_blank\">",
       "nodeLabel": "internal link is ok",
-      "outerHTML": "<a href=\"./doesnotexist\" target=\"_blank\">",
       "listeners": []
     },
     {
@@ -2101,8 +2173,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,54,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1275,
+        "bottom": 1293,
+        "left": 192,
+        "right": 192,
+        "width": 0,
+        "height": 18
+      },
+      "snippet": "<a href=\"javascript:void(0)\" target=\"_blank\">",
       "nodeLabel": "a",
-      "outerHTML": "<a href=\"javascript:void(0)\" target=\"_blank\">",
       "listeners": []
     },
     {
@@ -2116,8 +2196,16 @@
       "target": "_blank",
       "devtoolsNodePath": "3,HTML,1,BODY,56,A",
       "selector": "body > a",
+      "boundingRect": {
+        "top": 1275,
+        "bottom": 1293,
+        "left": 192,
+        "right": 192,
+        "width": 0,
+        "height": 18
+      },
+      "snippet": "<a href=\"mailto:inbox@email.com\" target=\"_blank\">",
       "nodeLabel": "a",
-      "outerHTML": "<a href=\"mailto:inbox@email.com\" target=\"_blank\">",
       "listeners": []
     }
   ],
@@ -2387,7 +2475,7 @@
         }
       ],
       "snippet": "<button class=\"small-button\">Do something</button>",
-      "path": "3,HTML,1,BODY,17,BUTTON",
+      "devtoolsNodePath": "3,HTML,1,BODY,17,BUTTON",
       "selector": "body > button.small-button",
       "nodeLabel": "Do something",
       "href": ""
@@ -2404,7 +2492,7 @@
         }
       ],
       "snippet": "<button class=\"small-button\">Do something else</button>",
-      "path": "3,HTML,1,BODY,18,BUTTON",
+      "devtoolsNodePath": "3,HTML,1,BODY,18,BUTTON",
       "selector": "body > button.small-button",
       "nodeLabel": "Do something else",
       "href": ""
diff --git a/lighthouse-core/test/results/sample_v2.json b/lighthouse-core/test/results/sample_v2.json
index d751a7764d69..b23bcda1f7f6 100644
--- a/lighthouse-core/test/results/sample_v2.json
+++ b/lighthouse-core/test/results/sample_v2.json
@@ -3584,7 +3584,7 @@
               "nodeLabel": "internal link is ok",
               "snippet": "<a href=\"./doesnotexist\" target=\"_blank\">"
             },
-            "href": "http://localhost:53133/dobetterweb/doesnotexist",
+            "href": "http://localhost:53522/dobetterweb/doesnotexist",
             "target": "_blank",
             "rel": "",
             "outerHTML": "<a href=\"./doesnotexist\" target=\"_blank\">"
diff --git a/types/artifacts.d.ts b/types/artifacts.d.ts
index d26ba6a85223..788458c1dd77 100644
--- a/types/artifacts.d.ts
+++ b/types/artifacts.d.ts
@@ -132,8 +132,8 @@ declare global {
       Offline: number;
       /** Size and compression opportunity information for all the images in the page. */
       OptimizedImages: Array<Artifacts.OptimizedImage | Artifacts.OptimizedImageError>;
-      /** HTML snippets from any password inputs that prevent pasting. */
-      PasswordInputsWithPreventedPaste: {snippet: string}[];
+      /** HTML snippets and node paths from any password inputs that prevent pasting. */
+      PasswordInputsWithPreventedPaste: Artifacts.PasswordInputsWithPreventedPaste[];
       /** Size info of all network records sent without compression and their size after gzipping. */
       ResponseCompression: {requestId: string, url: string, mimeType: string, transferSize: number, resourceSize: number, gzipSize?: number}[];
       /** Information on fetching and the content of the /robots.txt file. */
@@ -157,6 +157,14 @@ declare global {
       export type TaskNode = _TaskNode;
       export type MetaElement = LH.Artifacts['MetaElements'][0];
 
+      export interface NodeDetails {
+        devtoolsNodePath: string,
+        selector: string,
+        boundingRect: Rect | null,
+        snippet: string,
+        nodeLabel: string,
+      }
+
       export interface RuleExecutionError {
         name: string;
         message: string;
@@ -166,14 +174,10 @@ declare global {
         id: string;
         impact: string;
         tags: Array<string>;
-        nodes: Array<{
-          path: string;
+        nodes: Array<NodeDetails & {
           html: string;
-          boundingRect?: Rect;
-          snippet: string;
           target: Array<string>;
           failureSummary?: string;
-          nodeLabel?: string;
         }>;
         // When rules error they set these properties
         // https://github.com/dequelabs/axe-core/blob/eeff122c2de11dd690fbad0e50ba2fdb244b50e8/lib/core/base/audit.js#L684-L693
@@ -214,7 +218,7 @@ declare global {
         params: {name: string; value: string}[];
       }
 
-      export interface IFrameElement {
+      export interface IFrameElement extends NodeDetails {
         /** The `id` attribute of the iframe. */
         id: string,
         /** The `src` attribute of the iframe. */
@@ -233,7 +237,7 @@ declare global {
       }
 
       /** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#Attributes */
-      export interface LinkElement {
+      export interface LinkElement extends NodeDetails {
         /** The `rel` attribute of the link, normalized to lower case. @see https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types */
         rel: 'alternate'|'canonical'|'dns-prefetch'|'preconnect'|'preload'|'stylesheet'|string;
         /** The `href` attribute of the link or `null` if it was invalid in the header. */
@@ -248,23 +252,17 @@ declare global {
         crossOrigin: string | null
         /** Where the link was found, either in the DOM or in the headers of the main document */
         source: 'head'|'body'|'headers'
-        /** Path that uniquely identifies the node in the DOM. This is not defined when `source` is 'headers' */
-        devtoolsNodePath?: string
-        /** Selector for the DOM node. This is not defined when `source` is 'headers' */
-        selector?: string
-        /** Human readable label for the element. This is not defined when `source` is 'headers' */
-        nodeLabel?: string
       }
 
-      export interface ScriptElement {
+      export interface PasswordInputsWithPreventedPaste extends NodeDetails {}
+
+      export interface ScriptElement extends NodeDetails {
         type: string | null
         src: string | null
         /** The `id` property of the script element; null if it had no `id` or if `source` is 'network'. */
         id: string | null
         async: boolean
         defer: boolean
-        /** Path that uniquely identifies the node in the DOM */
-        devtoolsNodePath: string;
         /** Where the script was discovered, either in the head, the body, or network records. */
         source: 'head'|'body'|'network'
         /** The content of the inline script or the network record with the matching URL, null if the script had a src and no network record could be found. */
@@ -332,7 +330,7 @@ declare global {
       }
 
       /** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Attributes */
-      export interface AnchorElement {
+      export interface AnchorElement extends NodeDetails {
         rel: string
         /** The computed href property: https://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-88517319, use `rawHref` for the exact attribute value */
         href: string
@@ -342,10 +340,6 @@ declare global {
         text: string
         role: string
         target: string
-        devtoolsNodePath: string
-        selector: string
-        nodeLabel: string
-        outerHTML: string
         onclick: string
         listeners?: Array<{
           type: Crdp.DOMDebugger.EventListener['type']
@@ -401,7 +395,7 @@ declare global {
         errors: Crdp.Page.InstallabilityError[];
       }
 
-      export interface ImageElement {
+      export interface ImageElement extends NodeDetails {
         src: string;
         /** The srcset attribute value. @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset */
         srcset: string;
@@ -449,11 +443,6 @@ declare global {
         usesSrcSetDensityDescriptor: boolean;
         /** The size of the underlying image file in bytes. 0 if the file could not be identified. */
         resourceSize: number;
-        /** Path that uniquely identifies the node in the DOM */
-        devtoolsNodePath: string;
-        snippet: string;
-        selector: string;
-        nodeLabel: string;
         /** The MIME type of the underlying image file. */
         mimeType?: string;
         /** The loading attribute of the image. */
@@ -501,24 +490,14 @@ declare global {
         left: number;
       }
 
-      export interface TapTarget {
-        snippet: string;
-        selector: string;
-        nodeLabel?: string;
-        path: string;
+      export interface TapTarget extends NodeDetails {
         href: string;
         clientRects: Rect[];
-        boundingRect: Rect;
       }
 
-      export interface TraceElement {
+      export interface TraceElement extends NodeDetails {
         traceEventType: 'largest-contentful-paint'|'layout-shift'|'animation';
-        selector: string;
-        nodeLabel?: string;
-        devtoolsNodePath: string;
-        snippet?: string;
         score?: number;
-        boundingRect: Rect;
         nodeId?: number;
         animations?: {name?: string, failureReasonsMask?: number, unsupportedProperties?: string[]}[];
       }
@@ -722,12 +701,10 @@ declare global {
 
       export interface Form {
         /** If attributes is missing that means this is a formless set of elements. */
-        attributes?: {
-          id: string,
-          name: string,
-          autocomplete: string,
-          nodeLabel: string,
-          snippet: string,
+        attributes?: NodeDetails & {
+          id: string;
+          name: string;
+          autocomplete: string;
         };
         inputs: Array<FormInput>;
         labels: Array<FormLabel>;