browsertime 21.3.1 → 21.4.0

package/CHANGELOG.md

@@ -1,8 +1,13 @@
 # Browsertime changelog (we do [semantic versioning](https://semver.org))
 
+## 21.4.0 - 2024-03-08
+* Added the following trace categories for Chrome that now is used by default when you turn on the timeline: 'disabled-by-default-devtools.timeline.frame', 'disabled-by-default-devtools.timeline.invalidationTracking','loading', 'latencyInfo' - done in [#2086](https://github.com/sitespeedio/browsertime/pull/2086).
+* Added a simple Loaf-script to get the 10 largest loaf. Lets iterate over the script and see how we can get the most useful information from it [#2087](https://github.com/sitespeedio/browsertime/pull/2087).
+
 ## 21.3.1 - 2024-02-26
 ### Fixed
 * Updated Chromedriver install with new version that fixes the Windows install [#2084](https://github.com/sitespeedio/browsertime/pull/2084).
+* Updated to Selenium 4.18.1 [#2082](https://github.com/sitespeedio/browsertime/pull/2082).
 
 ## 21.3.0 - 2024-02-21
 ### Added

package/browserscripts/pageinfo/loaf.js

@@ -0,0 +1,36 @@
+(function() {
+    // See https://developer.chrome.com/docs/web-platform/long-animation-frames
+    if (PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {
+    
+    const MAX_LOAFS_TO_CONSIDER = 10;
+    const relevantLoadEntries = [];
+    const observer = new PerformanceObserver(list => {
+        let longestBlockingLoAFs = [].concat(list.getEntries()).sort(
+          (a, b) => b.blockingDuration - a.blockingDuration
+        ).slice(0, MAX_LOAFS_TO_CONSIDER);
+
+        // re-package
+        for (let entry of longestBlockingLoAFs) {
+            const info = {};
+                info.blockingDuration = entry.blockingDuration;
+                info.duration = entry.duration;
+                info.styleAndLayoutStart = entry.styleAndLayoutStart;
+                info.renderStart = entry.renderStart;
+                info.scripts = [];
+                for (let script of entry.scripts) {
+                    const s = {};
+                    s.forcedStyleAndLayoutDuration = script.forcedStyleAndLayoutDuration;
+                    s.invoker = script.invoker;
+                    s.invokerType = script.invokerType;
+                    s.sourceFunctionName = script.sourceFunctionName;
+                    s.sourceURL = script.sourceURL;
+                    info.scripts.push(s);
+                }
+                relevantLoadEntries.push(info);
+          }
+        return relevantLoadEntries;
+      });
+      observer.observe({ type: 'long-animation-frame', buffered: true });
+    }
+})();
+  

package/lib/chrome/settings/traceCategories.js

@@ -9,5 +9,9 @@ export const traceCategories = [
   'blink.user_timing',
   'devtools.timeline',
   'disabled-by-default-devtools.timeline',
-  'disabled-by-default-devtools.timeline.stack'
+  'disabled-by-default-devtools.timeline.stack',
+  'disabled-by-default-devtools.timeline.frame',
+  'disabled-by-default-devtools.timeline.invalidationTracking',
+  'loading',
+  'latencyInfo'
 ];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "browsertime",
   "description": "Get performance metrics from your web page using Browsertime.",
-  "version": "21.3.1",
+  "version": "21.4.0",
   "bin": "./bin/browsertime.js",
   "type": "module",
   "types": "./types/scripting.d.ts",