core(viewport): add INP savings (#15071)

GoogleChrome · Jun 15, 2023 · be747ee · be747ee
1 parent 0a32e6c
commit be747ee
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/core/audits/viewport.js b/core/audits/viewport.js
@@ -46,15 +46,26 @@ class Viewport extends Audit {
   static async audit(artifacts, context) {
     const viewportMeta = await ViewportMeta.request(artifacts.MetaElements, context);
 
+    let inpSavings = 300;
     if (!viewportMeta.hasViewportTag) {
       return {
         score: 0,
         explanation: str_(UIStrings.explanationNoTag),
+        metricSavings: {
+          INP: inpSavings,
+        },
       };
     }
 
+    if (viewportMeta.isMobileOptimized) {
+      inpSavings = 0;
+    }
+
     return {
       score: Number(viewportMeta.isMobileOptimized),
+      metricSavings: {
+        INP: inpSavings,
+      },
       warnings: viewportMeta.parserWarnings,
     };
   }

diff --git a/core/test/audits/viewport-test.js b/core/test/audits/viewport-test.js
@@ -18,13 +18,15 @@ describe('Mobile-friendly: viewport audit', () => {
     }, fakeContext);
     assert.equal(auditResult.score, 0);
     expect(auditResult.explanation).toBeDisplayString('No `<meta name="viewport">` tag found');
+    expect(auditResult.metricSavings).toEqual({INP: 300});
   });
 
   it('fails when HTML contains a non-mobile friendly viewport meta tag', async () => {
     const viewport = 'maximum-scale=1';
     const auditResult = await Audit.audit({MetaElements: makeMetaElements(viewport)}, fakeContext);
     assert.equal(auditResult.score, 0);
     assert.equal(auditResult.warnings[0], undefined);
+    expect(auditResult.metricSavings).toEqual({INP: 300});
   });
 
   it('passes when a valid viewport is provided', async () => {
@@ -33,5 +35,6 @@ describe('Mobile-friendly: viewport audit', () => {
       MetaElements: makeMetaElements(viewport),
     }, fakeContext);
     assert.equal(auditResult.score, 1);
+    expect(auditResult.metricSavings).toEqual({INP: 0});
   });
 });