Make it easier to budget GWV with a new section (#3386)

lib/support/friendlynames.js

@@ -3,6 +3,32 @@ const { noop, size, time, co2 } = require('./helpers');
 
 module.exports = {
   browsertime: {
+    googleWebVitals: {
+      firstContentfulPaint: {
+        path: "statistics.timings.paintTiming['first-contentful-paint'].median",
+        summaryPath: "paintTiming['first-contentful-paint']",
+        name: 'First Contentful Paint',
+        format: time.ms
+      },
+      largestContentfulPaint: {
+        path: 'statistics.timings.largestContentfulPaint.renderTime.median',
+        summaryPath: 'timings.largestContentfulPaint',
+        name: 'Largest Contentful Paint',
+        format: time.ms
+      },
+      totalBlockingTime: {
+        path: 'statistics.cpu.longTasks.totalBlockingTime.median',
+        summaryPath: 'cpu.longTasks.totalBlockingTime',
+        name: 'Total Blocking Time',
+        format: time.ms
+      },
+      cumulativeLayoutShift: {
+        path: 'statistics.pageinfo.cumulativeLayoutShift.median',
+        summaryPath: 'pageinfo.cumulativeLayoutShift',
+        name: 'Cumulative Layout Shift',
+        format: noop
+      }
+    },
     timings: {
       firstPaint: {
         path: 'statistics.timings.firstPaint.median',