lighthouse 9.5.0-dev.20220821 → 9.5.0-dev.20220824

package/cli/test/smokehouse/smokehouse.js

@@ -139,11 +139,17 @@ function purpleify(str) {
  */
 function convertToLegacyConfig(configJson) {
   if (!configJson) return configJson;
-  if (!configJson.navigations) return configJson;
 
   return {
     ...configJson,
-    passes: configJson.navigations.map(nav => ({...nav, passName: nav.id.concat('Pass')})),
+    passes: [{
+      passName: 'defaultPass',
+      pauseAfterFcpMs: configJson.settings?.pauseAfterFcpMs,
+      pauseAfterLoadMs: configJson.settings?.pauseAfterLoadMs,
+      networkQuietThresholdMs: configJson.settings?.networkQuietThresholdMs,
+      cpuQuietThresholdMs: configJson.settings?.cpuQuietThresholdMs,
+      blankPage: configJson.settings?.blankPage,
+    }],
   };
 }
 

package/core/config/constants.js

@@ -95,6 +95,10 @@ const defaultSettings = {
   output: 'json',
   maxWaitForFcp: 30 * 1000,
   maxWaitForLoad: 45 * 1000,
+  pauseAfterFcpMs: 1000,
+  pauseAfterLoadMs: 1000,
+  networkQuietThresholdMs: 1000,
+  cpuQuietThresholdMs: 1000,
 
   formFactor: 'mobile',
   throttling: throttling.mobileSlow4G,
@@ -107,6 +111,8 @@ const defaultSettings = {
   disableStorageReset: false,
   debugNavigation: false,
   channel: 'node',
+  skipAboutBlank: false,
+  blankPage: 'about:blank',
 
   // the following settings have no defaults but we still want ensure that `key in settings`
   // in config will work in a typechecked way
@@ -119,7 +125,6 @@ const defaultSettings = {
   onlyAudits: null,
   onlyCategories: null,
   skipAudits: null,
-  skipAboutBlank: false,
 };
 
 /** @type {LH.Config.Pass} */

package/core/config/default-config.js

@@ -221,62 +221,6 @@ const defaultConfig = {
     // FullPageScreenshot comes at the very end so all other node analysis is captured.
     {id: artifacts.FullPageScreenshot, gatherer: 'full-page-screenshot'},
   ],
-  navigations: [
-    {
-      id: 'default',
-      pauseAfterFcpMs: 1000,
-      pauseAfterLoadMs: 1000,
-      networkQuietThresholdMs: 1000,
-      cpuQuietThresholdMs: 1000,
-      artifacts: [
-        // Artifacts which can be depended on come first.
-        artifacts.DevtoolsLog,
-        artifacts.Trace,
-
-        artifacts.Accessibility,
-        artifacts.AnchorElements,
-        artifacts.CacheContents,
-        artifacts.ConsoleMessages,
-        artifacts.CSSUsage,
-        artifacts.Doctype,
-        artifacts.DOMStats,
-        artifacts.EmbeddedContent,
-        artifacts.FontSize,
-        artifacts.Inputs,
-        artifacts.GlobalListeners,
-        artifacts.IFrameElements,
-        artifacts.ImageElements,
-        artifacts.InstallabilityErrors,
-        artifacts.InspectorIssues,
-        artifacts.JsUsage,
-        artifacts.LinkElements,
-        artifacts.MainDocumentContent,
-        artifacts.MetaElements,
-        artifacts.NetworkUserAgent,
-        artifacts.OptimizedImages,
-        artifacts.PasswordInputsWithPreventedPaste,
-        artifacts.ResponseCompression,
-        artifacts.RobotsTxt,
-        artifacts.ServiceWorker,
-        artifacts.ScriptElements,
-        artifacts.Scripts,
-        artifacts.SourceMaps,
-        artifacts.Stacks,
-        artifacts.TagsBlockingFirstPaint,
-        artifacts.TapTargets,
-        artifacts.TraceElements,
-        artifacts.ViewportDimensions,
-        artifacts.WebAppManifest,
-
-        // Compat artifacts come last.
-        artifacts.devtoolsLogs,
-        artifacts.traces,
-
-        // FullPageScreenshot comes at the very end so all other node analysis is captured.
-        artifacts.FullPageScreenshot,
-      ],
-    },
-  ],
   audits: [
     'is-on-https',
     'service-worker',

package/core/config/legacy-default-config.js

@@ -19,7 +19,6 @@ if (!legacyDefaultConfig.categories) {
 
 // These properties are ignored in Legacy navigations.
 delete legacyDefaultConfig.artifacts;
-delete legacyDefaultConfig.navigations;
 
 // These audits don't work in Legacy navigation mode so we remove them.
 const unsupportedAuditIds = [

package/core/fraggle-rock/config/config.js

@@ -78,7 +78,7 @@ function resolveExtensions(configJSON) {
     throw new Error('`lighthouse:default` is the only valid extension method.');
   }
 
-  const {artifacts, navigations, ...extensionJSON} = configJSON;
+  const {artifacts, ...extensionJSON} = configJSON;
   const defaultClone = deepCloneConfigJson(defaultConfig);
   const mergedConfig = mergeConfigFragment(defaultClone, extensionJSON);
 
@@ -87,11 +87,6 @@ function resolveExtensions(configJSON) {
     artifacts,
     artifact => artifact.id
   );
-  mergedConfig.navigations = mergeConfigFragmentArrayByKey(
-    defaultClone.navigations,
-    navigations,
-    navigation => navigation.id
-  );
 
   return mergedConfig;
 }
@@ -213,39 +208,33 @@ function overrideNavigationThrottlingWindows(navigation, settings) {
 }
 
 /**
- *
- * @param {LH.Config.NavigationJson[]|null|undefined} navigations
  * @param {LH.Config.AnyArtifactDefn[]|null|undefined} artifactDefns
  * @param {LH.Config.Settings} settings
  * @return {LH.Config.NavigationDefn[] | null}
  */
-function resolveNavigationsToDefns(navigations, artifactDefns, settings) {
-  if (!navigations) return null;
-  if (!artifactDefns) throw new Error('Cannot use navigations without defining artifacts');
+function resolveFakeNavigations(artifactDefns, settings) {
+  if (!artifactDefns) return null;
 
   const status = {msg: 'Resolve navigation definitions', id: 'lh:config:resolveNavigationsToDefns'};
   log.time(status, 'verbose');
 
-  const artifactsById = new Map(artifactDefns.map(defn => [defn.id, defn]));
-
-  const navigationDefns = navigations.map(navigation => {
-    const navigationWithDefaults = {...defaultNavigationConfig, ...navigation};
-    const navId = navigationWithDefaults.id;
-    const artifacts = navigationWithDefaults.artifacts.map(id => {
-      const artifact = artifactsById.get(id);
-      if (!artifact) throw new Error(`Unrecognized artifact "${id}" in navigation "${navId}"`);
-      return artifact;
-    });
+  const resolvedNavigation = {
+    ...defaultNavigationConfig,
+    artifacts: artifactDefns,
+    pauseAfterFcpMs: settings.pauseAfterFcpMs,
+    pauseAfterLoadMs: settings.pauseAfterLoadMs,
+    networkQuietThresholdMs: settings.networkQuietThresholdMs,
+    cpuQuietThresholdMs: settings.cpuQuietThresholdMs,
+    blankPage: settings.blankPage,
+  };
 
-    const resolvedNavigation = {...navigationWithDefaults, artifacts};
-    overrideNavigationThrottlingWindows(resolvedNavigation, settings);
-    return resolvedNavigation;
-  });
+  overrideNavigationThrottlingWindows(resolvedNavigation, settings);
 
-  assertArtifactTopologicalOrder(navigationDefns);
+  const navigations = [resolvedNavigation];
+  assertArtifactTopologicalOrder(navigations);
 
   log.timeEnd(status);
-  return navigationDefns;
+  return navigations;
 }
 
 /**
@@ -267,7 +256,8 @@ async function initializeConfig(gatherMode, configJSON, flags = {}) {
   overrideSettingsForGatherMode(settings, gatherMode);
 
   const artifacts = await resolveArtifactsToDefns(configWorkingCopy.artifacts, configDir);
-  const navigations = resolveNavigationsToDefns(configWorkingCopy.navigations, artifacts, settings);
+
+  const navigations = resolveFakeNavigations(artifacts, settings);
 
   /** @type {LH.Config.FRConfig} */
   let config = {

package/dist/report/bundle.esm.js

@@ -4700,7 +4700,7 @@ function getAppsOrigin() {
   const isDev = new URLSearchParams(window.location.search).has('dev');
 
   if (isVercel) return `https://${window.location.host}/gh-pages`;
-  if (isDev) return 'http://localhost:8000';
+  if (isDev) return 'http://localhost:7333';
   return 'https://googlechrome.github.io/lighthouse';
 }
 

package/dist/report/flow.js

@@ -183,7 +183,7 @@ class yt{constructor(e,t){this._document=e,this._lighthouseChannel="unknown",thi
    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    * See the License for the specific language governing permissions and
    * limitations under the License.
-   */function Pt(){const e=window.location.host.endsWith(".vercel.app"),t=new URLSearchParams(window.location.search).has("dev");return e?`https://${window.location.host}/gh-pages`:t?"http://localhost:8000":"https://googlechrome.github.io/lighthouse"}function Rt(e){const t=e.generatedTime,n=e.fetchTime||t;return`${e.lighthouseVersion}-${e.finalUrl}-${n}`}async function Ut(e,t,n){const r=new URL(t),o=Boolean(window.CompressionStream);r.hash=await Dt.toBase64(JSON.stringify(e),{gzip:o}),o&&r.searchParams.set("gzip","1"),window.open(r.toString(),n)}async function It(e){const t="viewer-"+Rt(e);!function(e,t,n){const r=new URL(t).origin;window.addEventListener("message",(function t(n){n.origin===r&&o&&n.data.opened&&(o.postMessage(e,r),window.removeEventListener("message",t))}));const o=window.open(t,n)}({lhr:e},Pt()+"/viewer/",t)}
+   */function Pt(){const e=window.location.host.endsWith(".vercel.app"),t=new URLSearchParams(window.location.search).has("dev");return e?`https://${window.location.host}/gh-pages`:t?"http://localhost:7333":"https://googlechrome.github.io/lighthouse"}function Rt(e){const t=e.generatedTime,n=e.fetchTime||t;return`${e.lighthouseVersion}-${e.finalUrl}-${n}`}async function Ut(e,t,n){const r=new URL(t),o=Boolean(window.CompressionStream);r.hash=await Dt.toBase64(JSON.stringify(e),{gzip:o}),o&&r.searchParams.set("gzip","1"),window.open(r.toString(),n)}async function It(e){const t="viewer-"+Rt(e);!function(e,t,n){const r=new URL(t).origin;window.addEventListener("message",(function t(n){n.origin===r&&o&&n.data.opened&&(o.postMessage(e,r),window.removeEventListener("message",t))}));const o=window.open(t,n)}({lhr:e},Pt()+"/viewer/",t)}
 /**
    * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.
    * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

package/dist/report/standalone.js

@@ -166,7 +166,7 @@ class c{constructor(e,t){this._document=e,this._lighthouseChannel="unknown",this
    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    * See the License for the specific language governing permissions and
    * limitations under the License.
-   */function S(){const e=window.location.host.endsWith(".vercel.app"),t=new URLSearchParams(window.location.search).has("dev");return e?`https://${window.location.host}/gh-pages`:t?"http://localhost:8000":"https://googlechrome.github.io/lighthouse"}function C(e){const t=e.generatedTime,n=e.fetchTime||t;return`${e.lighthouseVersion}-${e.finalUrl}-${n}`}async function L(e,t,n){const r=new URL(t),o=Boolean(window.CompressionStream);r.hash=await z.toBase64(JSON.stringify(e),{gzip:o}),o&&r.searchParams.set("gzip","1"),window.open(r.toString(),n)}async function M(e){const t="viewer-"+C(e);!function(e,t,n){const r=new URL(t).origin;window.addEventListener("message",(function t(n){n.origin===r&&o&&n.data.opened&&(o.postMessage(e,r),window.removeEventListener("message",t))}));const o=window.open(t,n)}({lhr:e},S()+"/viewer/",t)}
+   */function S(){const e=window.location.host.endsWith(".vercel.app"),t=new URLSearchParams(window.location.search).has("dev");return e?`https://${window.location.host}/gh-pages`:t?"http://localhost:7333":"https://googlechrome.github.io/lighthouse"}function C(e){const t=e.generatedTime,n=e.fetchTime||t;return`${e.lighthouseVersion}-${e.finalUrl}-${n}`}async function L(e,t,n){const r=new URL(t),o=Boolean(window.CompressionStream);r.hash=await z.toBase64(JSON.stringify(e),{gzip:o}),o&&r.searchParams.set("gzip","1"),window.open(r.toString(),n)}async function M(e){const t="viewer-"+C(e);!function(e,t,n){const r=new URL(t).origin;window.addEventListener("message",(function t(n){n.origin===r&&o&&n.data.opened&&(o.postMessage(e,r),window.removeEventListener("message",t))}));const o=window.open(t,n)}({lhr:e},S()+"/viewer/",t)}
 /**
    * @license Copyright 2021 The Lighthouse Authors. All Rights Reserved.
    * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lighthouse",
   "type": "module",
-  "version": "9.5.0-dev.20220821",
+  "version": "9.5.0-dev.20220824",
   "description": "Automated auditing, performance metrics, and best practices for the web.",
   "main": "./core/index.js",
   "bin": {
@@ -88,8 +88,8 @@
     "compile-proto": "protoc --python_out=./ ./proto/lighthouse-result.proto && mv ./proto/*_pb2.py ./proto/scripts || (echo \"❌ Install protobuf ≥ 3.7.1 to compile the proto file.\" && false)",
     "build-proto-roundtrip": "mkdir -p .tmp && cross-env PROTOCOL_BUFFERS_PYTHON_IMPLEMENTATION_VERSION=2 python proto/scripts/json_roundtrip_via_proto.py",
     "static-server": "node cli/test/fixtures/static-server.js",
-    "serve-dist": "cd dist && python3 -m http.server",
-    "serve-gh-pages": "cd dist/gh-pages && python3 -m http.server",
+    "serve-dist": "cd dist && python3 -m http.server 7878",
+    "serve-gh-pages": "cd dist/gh-pages && python3 -m http.server 7333",
     "serve-treemap": "yarn serve-gh-pages",
     "serve-viewer": "yarn serve-gh-pages",
     "flow-report": "yarn build-report --flow && node ./core/scripts/build-test-flow-report.js"

package/readme.md

@@ -352,6 +352,10 @@ This section details services that have integrated Lighthouse data. If you're wo
 
 * **[SpeedVitals](https://speedvitals.com)** - SpeedVitals is a Lighthouse powered tool to measure web performance across multiple devices and locations. It has various features like Layout Shift Visualization, Waterfall Chart, Field Data and Resource Graphs. SpeedVitals offers both free and paid plans.
 
+* **[Lighthouse Metrics](https://lighthouse-metrics.com/)** - Lighthouse Metrics gives you global performance insights with a single test. You can also monitor your websites on a daily or hourly base. Lighthouse Metrics offers free global one-time tests and performance monitoring as a paid feature with a free 14-day trial.
+
+* **[Auditzy](https://auditzy.com)** - Auditzy™ is a robust website auditing & monitoring tool which lets you analyze your web page(s) pre-user journey. Analyze the Competitor Health Metric, Core Web Vitals, and Technology. Compare your web pages with your competitors to understand where you are leading or lagging. Real-time notification with Slack. Have Seamless Collaboration with Multiple Teams. Automate your Audits hourly, daily, weekly, and so on. It has a free trial with pay as you go plans.
+
 ## Lighthouse Integrations in non-Web Perf services
 
 * **[PageWatch](https://pagewatch.dev/)** — PageWatch is a tool to find problem pages on your website.  It provides insights into spelling errors, layout issues, slow pages (powered by Lighthouse) and more.  PageWatch is offered via free and paid plans.

package/report/renderer/open-tab.js

@@ -24,7 +24,7 @@ function getAppsOrigin() {
   const isDev = new URLSearchParams(window.location.search).has('dev');
 
   if (isVercel) return `https://${window.location.host}/gh-pages`;
-  if (isDev) return 'http://localhost:8000';
+  if (isDev) return 'http://localhost:7333';
   return 'https://googlechrome.github.io/lighthouse';
 }
 

package/types/config.d.ts

@@ -28,7 +28,6 @@ declare module Config {
 
     // Fraggle Rock Only
     artifacts?: ArtifactJson[] | null;
-    navigations?: NavigationJson[] | null;
 
     // Legacy Only
     passes?: PassJson[] | null;

package/types/lhr/settings.d.ts

@@ -99,6 +99,17 @@ export type ScreenEmulationSettings = {
   precomputedLanternData?: PrecomputedLanternData | null;
   /** The budget.json object for LightWallet. */
   budgets?: Array<Budget> | null;
+
+  /** The number of milliseconds to wait after FCP until the page should be considered loaded. */
+  pauseAfterFcpMs?: number;
+  /** The number of milliseconds to wait after the load event until the page should be considered loaded. */
+  pauseAfterLoadMs?: number;
+  /** The number of milliseconds to wait between high priority network requests or 3 simulataneous requests before the page should be considered loaded. */
+  networkQuietThresholdMs?: number;
+  /** The number of milliseconds to wait between long tasks until the page should be considered loaded. */
+  cpuQuietThresholdMs?: number;
+  /** The URL to use for the "blank" neutral page in between navigations. Defaults to `about:blank`. */
+  blankPage?: string;
 }
 
 export interface ConfigSettings extends Required<SharedFlagsSettings> {