report: render LH-only diagnostics alongside insights

core/audits/audit.js

@@ -478,6 +478,7 @@ class Audit {
 
       details: product.details,
       guidanceLevel: audit.meta.guidanceLevel,
+      replacesAudits: audit.meta.replacesAudits,
     };
   }
 

core/audits/insights/cls-culprits-insight.js

@@ -27,6 +27,7 @@ class CLSCulpritsInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['layout-shifts', 'non-composited-animations', 'unsized-images'],
     };
   }
 

core/audits/insights/document-latency-insight.js

@@ -25,6 +25,7 @@ class DocumentLatencyInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['redirects', 'server-response-time', 'uses-text-compression'],
     };
   }
 

core/audits/insights/dom-size-insight.js

@@ -25,6 +25,7 @@ class DOMSizeInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['dom-size'],
     };
   }
 

core/audits/insights/font-display-insight.js

@@ -27,6 +27,7 @@ class FontDisplayInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['font-display'],
     };
   }
 

core/audits/insights/image-delivery-insight.js

@@ -25,6 +25,12 @@ class ImageDeliveryInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: [
+        'modern-image-formats',
+        'uses-optimized-images',
+        'efficient-animated-content',
+        'uses-responsive-images',
+      ],
     };
   }
 

core/audits/insights/interaction-to-next-paint-insight.js

@@ -25,6 +25,7 @@ class InteractionToNextPaintInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['work-during-interaction'],
     };
   }
 

core/audits/insights/lcp-discovery-insight.js

@@ -25,6 +25,7 @@ class LCPDiscoveryInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['prioritize-lcp-image', 'lcp-lazy-loaded'],
     };
   }
 

core/audits/insights/lcp-phases-insight.js

@@ -25,6 +25,7 @@ class LCPPhasesInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['largest-contentful-paint-element'],
     };
   }
 

core/audits/insights/long-critical-network-tree-insight.js

@@ -27,6 +27,7 @@ class LongCriticalNetworkTreeInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['critical-request-chains'],
     };
   }
 

core/audits/insights/render-blocking-insight.js

@@ -25,6 +25,7 @@ class RenderBlockingInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['render-blocking-resources'],
     };
   }
 

core/audits/insights/third-parties-insight.js

@@ -32,6 +32,7 @@ class ThirdPartiesInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['third-party-summary'],
     };
   }
 

core/audits/insights/viewport-insight.js

@@ -25,6 +25,7 @@ class ViewportInsight extends Audit {
       description: str_(UIStrings.description),
       guidanceLevel: 3,
       requiredArtifacts: ['traces', 'TraceElements'],
+      replacesAudits: ['viewport'],
     };
   }