sitespeed.io 21.2.2 → 21.6.0

package/lib/plugins/html/templates/url/summary/index.pug

@@ -77,6 +77,8 @@ block content
               th Metric
               th Value
             - performanceScore = get(d, 'coach.pageSummary.advice.performance.score')
+            tr
+              th(colspan='2') Page metrics
             if performanceScore
               tr
                 td Performance Score
@@ -96,32 +98,32 @@ block content
               tr
                 td Requests
                 td #{requests}
-            - ttfb = get(d, 'browsertime.pageSummary.statistics.timings.pageTimings.backEndTime.median') 
+            - ttfb = get(d, 'browsertime.pageSummary.statistics.timings.pageTimings.backEndTime.median')
+            tr
+              th(colspan='2') Timing metrics
             if ttfb
               tr
                 td TTFB [median]
                 td #{h.time.ms(ttfb)}
+            - firstPaint = get(d, 'browsertime.pageSummary.statistics.timings.firstPaint.median')
+            if firstPaint
+              tr
+                td First Paint [median]
+                td #{h.time.ms(firstPaint)}  
             - fullyLoaded = get(d, 'browsertime.pageSummary.statistics.timings.fullyLoaded.median')
             if fullyLoaded  
               tr
                 td Fully Loaded [median]
                 td #{h.time.ms(fullyLoaded)}
-            - firstVisualChange = get(d, 'browsertime.pageSummary.statistics.visualMetrics.FirstVisualChange.median')
-            - firstPaint = get(d, 'browsertime.pageSummary.statistics.timings.firstPaint.median')
-            if firstVisualChange
-              tr
-                td First Visual Change [median]
-                td #{h.time.ms(firstVisualChange)}
-            else if firstPaint
-              tr
-                td First Paint [median]
-                td #{h.time.ms(firstPaint)}  
             - fcp = get(d, 'browsertime.pageSummary.statistics.timings.paintTiming["first-contentful-paint"].median') 
+            - lcp = get(d, 'browsertime.pageSummary.statistics.timings.largestContentfulPaint.renderTime.median')
+            if lcp
+              tr
+                th(colspan='2') Google Web Vitals
             if fcp
               tr
                 td First Contentful Paint (FCP) [median]
                 td #{h.time.ms(fcp)}         
-            - lcp = get(d, 'browsertime.pageSummary.statistics.timings.largestContentfulPaint.renderTime.median')
             if lcp
               tr
                 td Largest Contentful Paint (LCP) [median]
@@ -143,6 +145,8 @@ block content
                 td #{h.time.ms(mpFID)}
             - longTasks = get(d, 'browsertime.pageSummary.statistics.cpu.longTasks.tasks.median')
             if longTasks
+              tr
+                th(colspan='2') CPU metrics
               tr
                 td CPU long tasks [median]
                 td #{longTasks}
@@ -151,6 +155,13 @@ block content
               tr
                 td CPU longest task duration
                 td #{h.time.ms(maxLongTask)}
+            - firstVisualChange = get(d, 'browsertime.pageSummary.statistics.visualMetrics.FirstVisualChange.median')
+            if firstVisualChange
+              tr
+                th(colspan='2') Visual Metrics
+              tr
+                td First Visual Change [median]
+                td #{h.time.ms(firstVisualChange)}
             - speedIndex = get(d, 'browsertime.pageSummary.statistics.visualMetrics.SpeedIndex.median')
             if speedIndex
               tr
@@ -171,7 +182,31 @@ block content
               tr
                 td Last Visual Change [median]
                 td #{h.time.ms(lastVisualChange)}
+            - cruxFCP = get(d, 'crux.pageSummary.loadingExperience.ALL.data.record.metrics.first_contentful_paint.percentiles.p75');
+            if cruxFCP
+              tr
+                th(colspan='2') Chrome User Experience Report (CRUX)
+              tr
+                td First Contentful Paint [p75]
+                td #{h.time.ms(cruxFCP)}
+            - cruxLCP = get(d, 'crux.pageSummary.loadingExperience.ALL.data.record.metrics.largest_contentful_paint.percentiles.p75');
+            if cruxLCP
+              tr
+                td Largest Contentful Paint (LCP) [p75]
+                td #{h.time.ms(cruxLCP)}
+            - cruxFID = get(d, 'crux.pageSummary.loadingExperience.ALL.data.record.metrics.first_input_delay.percentiles.p75');
+            if cruxFID
+              tr
+                td First Input Delay (FID) [p75]
+                td #{h.time.ms(cruxFID)}
+            - cruxCLS = get(d, 'crux.pageSummary.loadingExperience.ALL.data.record.metrics.cumulative_layout_shift.percentiles.p75');
+            if cruxCLS || cruxCLS === 0
+              tr
+                td Cumulative Layout Shift (CLS) [p75]
+                td #{Number(cruxCLS).toFixed(2)}
             if !d.browsertime && d.webpagetest
+              tr
+                th(colspan='2') WebPageTest
               tr
                 td Render (first view)
                 td #{d.webpagetest.pageSummary.data.median.firstView.render}

package/npm-shrinkwrap.json

@@ -1,19 +1,19 @@
 {
   "name": "sitespeed.io",
-  "version": "21.2.2",
+  "version": "21.6.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "sitespeed.io",
-      "version": "21.2.2",
+      "version": "21.6.0",
       "license": "MIT",
       "dependencies": {
         "@google-cloud/storage": "5.8.3",
         "@tgwf/co2": "0.8.0",
         "aws-sdk": "2.882.0",
         "axe-core": "4.3.5",
-        "browsertime": "14.12.2",
+        "browsertime": "14.18.0",
         "cli-color": "2.0.0",
         "coach-core": "7.0.0",
         "concurrent-queue": "7.0.2",
@@ -910,9 +910,9 @@
       "optional": true
     },
     "node_modules/@sitespeed.io/chromedriver": {
-      "version": "96.0.4664-35",
-      "resolved": "https://registry.npmjs.org/@sitespeed.io/chromedriver/-/chromedriver-96.0.4664-35.tgz",
-      "integrity": "sha512-XhTaEmG+BNlLdXSuUPkxVAzM+dl4caHjEW76ATL4q9aMqesP3VtZIxK5i4ePnskaJiPhXm2Eg6zNkORLYP8/ag==",
+      "version": "97.0.4692-7b",
+      "resolved": "https://registry.npmjs.org/@sitespeed.io/chromedriver/-/chromedriver-97.0.4692-7b.tgz",
+      "integrity": "sha512-h2P8Ln/qOu90LA8E89NRmrxWgbIYbm/ri4aRu0m/ItGVWVSwsFlxSRLe+6spBfmxBRtmxgAz2ws6wS6C/Jugkg==",
       "hasInstallScript": true,
       "dependencies": {
         "node-downloader-helper": "1.0.19",
@@ -938,9 +938,9 @@
       }
     },
     "node_modules/@sitespeed.io/geckodriver": {
-      "version": "0.29.1-2",
-      "resolved": "https://registry.npmjs.org/@sitespeed.io/geckodriver/-/geckodriver-0.29.1-2.tgz",
-      "integrity": "sha512-nhjHgRz7itllVC6td8OubQWdsjq7uTK7v/myl4jvUsjypf2qbQpdch4E0clBOOFZf0iUQHcFerQ7o5JnKYAebg==",
+      "version": "0.29.1-3",
+      "resolved": "https://registry.npmjs.org/@sitespeed.io/geckodriver/-/geckodriver-0.29.1-3.tgz",
+      "integrity": "sha512-qHYtvH/81lPcgzFQB2qObp9M8bMIrc7O8TWm05SVfiGUKKy4Kku0huoa/IB9e0ksrrRFYtm9GQT6JF+bANZPKA==",
       "hasInstallScript": true,
       "dependencies": {
         "node-downloader-helper": "1.0.18",
@@ -1465,15 +1465,15 @@
       }
     },
     "node_modules/browsertime": {
-      "version": "14.12.2",
-      "resolved": "https://registry.npmjs.org/browsertime/-/browsertime-14.12.2.tgz",
-      "integrity": "sha512-y/ouU8ejg6OuxSw4GXVIHLL83vw65/45O5yWaYmj8rtoqaeghBzWsG+KiCtu5zJRH5B1SD+zM5x47hmxNYFvzQ==",
+      "version": "14.18.0",
+      "resolved": "https://registry.npmjs.org/browsertime/-/browsertime-14.18.0.tgz",
+      "integrity": "sha512-qsM5ymoSxwlTFOoQ/3naMvX1UZrzvy2jz02HCKsjRFBPGLyKy68KPK2bUMHCB+X7AKsFuIKxftoGpThGGx3iUQ==",
       "dependencies": {
         "@cypress/xvfb": "1.2.4",
         "@devicefarmer/adbkit": "2.11.3",
-        "@sitespeed.io/chromedriver": "96.0.4664-35",
+        "@sitespeed.io/chromedriver": "97.0.4692-7b",
         "@sitespeed.io/edgedriver": "95.0.1020-30",
-        "@sitespeed.io/geckodriver": "0.29.1-2",
+        "@sitespeed.io/geckodriver": "0.29.1-3",
         "@sitespeed.io/throttle": "3.0.0",
         "@sitespeed.io/tracium": "0.3.3",
         "btoa": "1.2.1",
@@ -4856,9 +4856,9 @@
       "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
     },
     "node_modules/minipass": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.5.tgz",
-      "integrity": "sha512-+8NzxD82XQoNKNrl1d/FSi+X8wAEWR+sbYAfIvub4Nz0d22plFG72CEVVaufV8PNf4qSslFTD8VMOxNVhHCjTw==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz",
+      "integrity": "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -8180,9 +8180,9 @@
       }
     },
     "@sitespeed.io/chromedriver": {
-      "version": "96.0.4664-35",
-      "resolved": "https://registry.npmjs.org/@sitespeed.io/chromedriver/-/chromedriver-96.0.4664-35.tgz",
-      "integrity": "sha512-XhTaEmG+BNlLdXSuUPkxVAzM+dl4caHjEW76ATL4q9aMqesP3VtZIxK5i4ePnskaJiPhXm2Eg6zNkORLYP8/ag==",
+      "version": "97.0.4692-7b",
+      "resolved": "https://registry.npmjs.org/@sitespeed.io/chromedriver/-/chromedriver-97.0.4692-7b.tgz",
+      "integrity": "sha512-h2P8Ln/qOu90LA8E89NRmrxWgbIYbm/ri4aRu0m/ItGVWVSwsFlxSRLe+6spBfmxBRtmxgAz2ws6wS6C/Jugkg==",
       "requires": {
         "node-downloader-helper": "1.0.19",
         "node-stream-zip": "1.15.0"
@@ -8205,9 +8205,9 @@
       }
     },
     "@sitespeed.io/geckodriver": {
-      "version": "0.29.1-2",
-      "resolved": "https://registry.npmjs.org/@sitespeed.io/geckodriver/-/geckodriver-0.29.1-2.tgz",
-      "integrity": "sha512-nhjHgRz7itllVC6td8OubQWdsjq7uTK7v/myl4jvUsjypf2qbQpdch4E0clBOOFZf0iUQHcFerQ7o5JnKYAebg==",
+      "version": "0.29.1-3",
+      "resolved": "https://registry.npmjs.org/@sitespeed.io/geckodriver/-/geckodriver-0.29.1-3.tgz",
+      "integrity": "sha512-qHYtvH/81lPcgzFQB2qObp9M8bMIrc7O8TWm05SVfiGUKKy4Kku0huoa/IB9e0ksrrRFYtm9GQT6JF+bANZPKA==",
       "requires": {
         "node-downloader-helper": "1.0.18",
         "node-stream-zip": "1.14.0",
@@ -8631,15 +8631,15 @@
       }
     },
     "browsertime": {
-      "version": "14.12.2",
-      "resolved": "https://registry.npmjs.org/browsertime/-/browsertime-14.12.2.tgz",
-      "integrity": "sha512-y/ouU8ejg6OuxSw4GXVIHLL83vw65/45O5yWaYmj8rtoqaeghBzWsG+KiCtu5zJRH5B1SD+zM5x47hmxNYFvzQ==",
+      "version": "14.18.0",
+      "resolved": "https://registry.npmjs.org/browsertime/-/browsertime-14.18.0.tgz",
+      "integrity": "sha512-qsM5ymoSxwlTFOoQ/3naMvX1UZrzvy2jz02HCKsjRFBPGLyKy68KPK2bUMHCB+X7AKsFuIKxftoGpThGGx3iUQ==",
       "requires": {
         "@cypress/xvfb": "1.2.4",
         "@devicefarmer/adbkit": "2.11.3",
-        "@sitespeed.io/chromedriver": "96.0.4664-35",
+        "@sitespeed.io/chromedriver": "97.0.4692-7b",
         "@sitespeed.io/edgedriver": "95.0.1020-30",
-        "@sitespeed.io/geckodriver": "0.29.1-2",
+        "@sitespeed.io/geckodriver": "0.29.1-3",
         "@sitespeed.io/throttle": "3.0.0",
         "@sitespeed.io/tracium": "0.3.3",
         "btoa": "1.2.1",
@@ -11366,9 +11366,9 @@
       "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
     },
     "minipass": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.5.tgz",
-      "integrity": "sha512-+8NzxD82XQoNKNrl1d/FSi+X8wAEWR+sbYAfIvub4Nz0d22plFG72CEVVaufV8PNf4qSslFTD8VMOxNVhHCjTw==",
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz",
+      "integrity": "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==",
       "requires": {
         "yallist": "^4.0.0"
       }

package/package.json

@@ -4,7 +4,7 @@
     "sitespeed.io": "./bin/sitespeed.js",
     "sitespeed.io-wpr": "./bin/browsertimeWebPageReplay.js"
   },
-  "version": "21.2.2",
+  "version": "21.6.0",
   "description": "Analyze the web performance of your site",
   "keywords": [
     "performance",
@@ -74,7 +74,7 @@
     "@tgwf/co2": "0.8.0",
     "aws-sdk": "2.882.0",
     "axe-core": "4.3.5",
-    "browsertime": "14.12.2",
+    "browsertime": "14.18.0",
     "coach-core": "7.0.0",
     "cli-color": "2.0.0",
     "concurrent-queue": "7.0.2",

package/release/feed.js

@@ -100,7 +100,8 @@ async function generateFeed() {
     coach: 'https://www.sitespeed.io/img/logos/coach.png',
     'chrome-har': '',
     'chrome-trace': '',
-    compare: 'https://www.sitespeed.io/img/logos/compare.png'
+    compare: 'https://www.sitespeed.io/img/logos/compare.png',
+    humble: ''
   };
 
   sortedVersionFiles.forEach(file => {