lighthouse 12.8.1-dev.20250827 → 12.8.2

package/core/audits/non-composited-animations.d.ts

@@ -11,6 +11,7 @@ export namespace UIStrings {
     let description: string;
     let displayValue: string;
     let unsupportedCSSProperty: string;
+    let unsupportedCustomCSSProperty: string;
     let transformDependsBoxSize: string;
     let filterMayMovePixels: string;
     let nonReplaceCompositeMode: string;

package/core/audits/non-composited-animations.js

@@ -32,6 +32,14 @@ const UIStrings = {
     =1 {Unsupported CSS Property: {properties}}
     other {Unsupported CSS Properties: {properties}}
   }`,
+  /**
+   * @description [ICU Syntax] Descriptive reason for why a user-provided animation failed to be optimized by the browser due to custom CSS properties (CSS variables) not being supported on the compositor. Shown in a table with a list of other potential failure reasons.
+   * @example {--swing-y, --rotation} properties
+   */
+  unsupportedCustomCSSProperty: `{propertyCount, plural,
+    =1 {Custom CSS properties cannot be animated on the compositor: {properties}}
+    other {Custom CSS properties cannot be animated on the compositor: {properties}}
+  }`,
   /** Descriptive reason for why a user-provided animation failed to be optimized by the browser due to a `transform` property being dependent on the size of the element itself. Shown in a table with a list of other potential failure reasons.  */
   transformDependsBoxSize: 'Transform-related property depends on box size',
   /** Descriptive reason for why a user-provided animation failed to be optimized by the browser due to a `filter` property possibly moving pixels. Shown in a table with a list of other potential failure reasons.  */
@@ -90,14 +98,44 @@ function getActionableFailureReasons(failureCode, unsupportedProperties) {
   return ACTIONABLE_FAILURE_REASONS
     .filter(reason => failureCode & reason.flag)
     .map(reason => {
+      // Handle both regular CSS properties and custom CSS properties
       if (reason.text === UIStrings.unsupportedCSSProperty) {
-        return str_(reason.text, {
-          propertyCount: unsupportedProperties.length,
-          properties: unsupportedProperties.join(', '),
-        });
+        const customProperties = new Set();
+        const nonCustomProperties = new Set();
+
+        // Separate custom properties (starting with '--') from regular properties
+        for (const property of unsupportedProperties) {
+          if (property.startsWith('--')) {
+            customProperties.add(property);
+          } else {
+            nonCustomProperties.add(property);
+          }
+        }
+
+        const reasons = [];
+
+        // Add regular CSS properties message if any exist
+        if (nonCustomProperties.size > 0) {
+          reasons.push(str_(UIStrings.unsupportedCSSProperty, {
+            propertyCount: nonCustomProperties.size,
+            properties: Array.from(nonCustomProperties).join(', '),
+          }));
+        }
+
+        // Add custom CSS properties message if any exist
+        if (customProperties.size > 0) {
+          reasons.push(str_(UIStrings.unsupportedCustomCSSProperty, {
+            propertyCount: customProperties.size,
+            properties: Array.from(customProperties).join(', '),
+          }));
+        }
+
+        return reasons;
       }
+
       return str_(reason.text);
-    });
+    })
+    .flat(); // Flatten array since we might return multiple messages for unsupported properties
 }
 
 class NonCompositedAnimations extends Audit {

package/core/lib/bf-cache-strings.js

@@ -284,6 +284,10 @@ const UIStrings = {
    * @description Description text for not restored reason SharedWorker.
    */
   sharedWorker: 'Pages that use SharedWorker are not currently eligible for back/forward cache.',
+  /**
+   * @description Description text for not restored reason SharedWorkerMessage.
+   */
+  sharedWorkerMessage: 'The page was evicted from the cache because it received a message from a SharedWorker',
   /**
    * @description Description text for not restored reason WebLocks.
    */
@@ -626,6 +630,7 @@ const NotRestoredReasonDescription = {
   IndexedDBConnection: {name: str_(UIStrings.indexedDBConnection)},
   WebXR: {name: str_(UIStrings.webXR)},
   SharedWorker: {name: str_(UIStrings.sharedWorker)},
+  SharedWorkerMessage: {name: str_(UIStrings.sharedWorkerMessage)},
   WebLocks: {name: str_(UIStrings.webLocks)},
   WebHID: {name: str_(UIStrings.webHID)},
   WebShare: {name: str_(UIStrings.webShare)},

package/core/lib/deprecations-strings.d.ts

@@ -1,7 +1,6 @@
 export namespace UIStrings {
     let AuthorizationCoveredByWildcard: string;
     let CanRequestURLHTTPContainingNewline: string;
-    let CharsetAutoDetectionISO2022JP: string;
     let ChromeLoadTimesConnectionInfo: string;
     let ChromeLoadTimesFirstPaintAfterLoadTime: string;
     let ChromeLoadTimesWasAlternateProtocolAvailable: string;
@@ -15,9 +14,7 @@ export namespace UIStrings {
     let GeolocationInsecureOrigin: string;
     let GeolocationInsecureOriginDeprecatedNotRemoved: string;
     let GetUserMediaInsecureOrigin: string;
-    let H1UserAgentFontSizeInSection: string;
     let HostCandidateAttributeGetter: string;
-    let IdentityDigitalCredentials: string;
     let IdentityInCanMakePaymentEvent: string;
     let InsecurePrivateNetworkSubresourceRequest: string;
     let InterestGroupDailyUpdateUrl: string;
@@ -31,6 +28,7 @@ export namespace UIStrings {
     let ObsoleteCreateImageBitmapImageOrientationNone: string;
     let ObsoleteWebRtcCipherSuite: string;
     let OverflowVisibleOnReplacedElement: string;
+    let OverrideFlashEmbedwithHTML: string;
     let PaymentInstruments: string;
     let PaymentRequestCSPViolation: string;
     let PersistentQuotaType: string;
@@ -54,7 +52,6 @@ export namespace UIStrings {
     let TextToSpeech_DisallowedByAutoplay: string;
     let UnloadHandler: string;
     let V8SharedArrayBufferConstructedInExtensionWithoutIsolation: string;
-    let WebGPUAdapterIsFallbackAdapter: string;
     let XHRJSONEncodingDetection: string;
     let XMLHttpRequestSynchronousInNonWorkerOutsideBeforeUnload: string;
 }
@@ -77,24 +74,19 @@ export namespace DEPRECATIONS_METADATA {
         export { chromeStatusFeature_2 as chromeStatusFeature };
     }
     export { CanRequestURLHTTPContainingNewline_1 as CanRequestURLHTTPContainingNewline };
-    export namespace CharsetAutoDetectionISO2022JP_1 {
+    export namespace ChromeLoadTimesConnectionInfo_1 {
         let chromeStatusFeature_3: number;
         export { chromeStatusFeature_3 as chromeStatusFeature };
     }
-    export { CharsetAutoDetectionISO2022JP_1 as CharsetAutoDetectionISO2022JP };
-    export namespace ChromeLoadTimesConnectionInfo_1 {
-        let chromeStatusFeature_4: number;
-        export { chromeStatusFeature_4 as chromeStatusFeature };
-    }
     export { ChromeLoadTimesConnectionInfo_1 as ChromeLoadTimesConnectionInfo };
     export namespace ChromeLoadTimesFirstPaintAfterLoadTime_1 {
-        let chromeStatusFeature_5: number;
-        export { chromeStatusFeature_5 as chromeStatusFeature };
+        let chromeStatusFeature_4: number;
+        export { chromeStatusFeature_4 as chromeStatusFeature };
     }
     export { ChromeLoadTimesFirstPaintAfterLoadTime_1 as ChromeLoadTimesFirstPaintAfterLoadTime };
     export namespace ChromeLoadTimesWasAlternateProtocolAvailable_1 {
-        let chromeStatusFeature_6: number;
-        export { chromeStatusFeature_6 as chromeStatusFeature };
+        let chromeStatusFeature_5: number;
+        export { chromeStatusFeature_5 as chromeStatusFeature };
     }
     export { ChromeLoadTimesWasAlternateProtocolAvailable_1 as ChromeLoadTimesWasAlternateProtocolAvailable };
     export namespace CookieWithTruncatingChar_1 {
@@ -108,93 +100,86 @@ export namespace DEPRECATIONS_METADATA {
     }
     export { CrossOriginAccessBasedOnDocumentDomain_1 as CrossOriginAccessBasedOnDocumentDomain };
     export namespace DataUrlInSvgUse_1 {
-        let chromeStatusFeature_7: number;
-        export { chromeStatusFeature_7 as chromeStatusFeature };
+        let chromeStatusFeature_6: number;
+        export { chromeStatusFeature_6 as chromeStatusFeature };
         let milestone_3: number;
         export { milestone_3 as milestone };
     }
     export { DataUrlInSvgUse_1 as DataUrlInSvgUse };
-    export namespace H1UserAgentFontSizeInSection_1 {
-        let chromeStatusFeature_8: number;
-        export { chromeStatusFeature_8 as chromeStatusFeature };
-        let milestone_4: number;
-        export { milestone_4 as milestone };
-    }
-    export { H1UserAgentFontSizeInSection_1 as H1UserAgentFontSizeInSection };
-    export namespace IdentityDigitalCredentials_1 {
-        let chromeStatusFeature_9: number;
-        export { chromeStatusFeature_9 as chromeStatusFeature };
-    }
-    export { IdentityDigitalCredentials_1 as IdentityDigitalCredentials };
     export namespace IdentityInCanMakePaymentEvent_1 {
-        let chromeStatusFeature_10: number;
-        export { chromeStatusFeature_10 as chromeStatusFeature };
+        let chromeStatusFeature_7: number;
+        export { chromeStatusFeature_7 as chromeStatusFeature };
     }
     export { IdentityInCanMakePaymentEvent_1 as IdentityInCanMakePaymentEvent };
     export namespace InsecurePrivateNetworkSubresourceRequest_1 {
-        let chromeStatusFeature_11: number;
-        export { chromeStatusFeature_11 as chromeStatusFeature };
-        let milestone_5: number;
-        export { milestone_5 as milestone };
+        let chromeStatusFeature_8: number;
+        export { chromeStatusFeature_8 as chromeStatusFeature };
+        let milestone_4: number;
+        export { milestone_4 as milestone };
     }
     export { InsecurePrivateNetworkSubresourceRequest_1 as InsecurePrivateNetworkSubresourceRequest };
     export namespace LocalCSSFileExtensionRejected_1 {
-        let milestone_6: number;
-        export { milestone_6 as milestone };
+        let milestone_5: number;
+        export { milestone_5 as milestone };
     }
     export { LocalCSSFileExtensionRejected_1 as LocalCSSFileExtensionRejected };
     export namespace MediaSourceAbortRemove_1 {
-        let chromeStatusFeature_12: number;
-        export { chromeStatusFeature_12 as chromeStatusFeature };
+        let chromeStatusFeature_9: number;
+        export { chromeStatusFeature_9 as chromeStatusFeature };
     }
     export { MediaSourceAbortRemove_1 as MediaSourceAbortRemove };
     export namespace MediaSourceDurationTruncatingBuffered_1 {
-        let chromeStatusFeature_13: number;
-        export { chromeStatusFeature_13 as chromeStatusFeature };
+        let chromeStatusFeature_10: number;
+        export { chromeStatusFeature_10 as chromeStatusFeature };
     }
     export { MediaSourceDurationTruncatingBuffered_1 as MediaSourceDurationTruncatingBuffered };
     export namespace NoSysexWebMIDIWithoutPermission_1 {
-        let chromeStatusFeature_14: number;
-        export { chromeStatusFeature_14 as chromeStatusFeature };
-        let milestone_7: number;
-        export { milestone_7 as milestone };
+        let chromeStatusFeature_11: number;
+        export { chromeStatusFeature_11 as chromeStatusFeature };
+        let milestone_6: number;
+        export { milestone_6 as milestone };
     }
     export { NoSysexWebMIDIWithoutPermission_1 as NoSysexWebMIDIWithoutPermission };
     export namespace NotificationPermissionRequestedIframe_1 {
-        let chromeStatusFeature_15: number;
-        export { chromeStatusFeature_15 as chromeStatusFeature };
+        let chromeStatusFeature_12: number;
+        export { chromeStatusFeature_12 as chromeStatusFeature };
     }
     export { NotificationPermissionRequestedIframe_1 as NotificationPermissionRequestedIframe };
     export namespace ObsoleteCreateImageBitmapImageOrientationNone_1 {
-        let milestone_8: number;
-        export { milestone_8 as milestone };
+        let milestone_7: number;
+        export { milestone_7 as milestone };
     }
     export { ObsoleteCreateImageBitmapImageOrientationNone_1 as ObsoleteCreateImageBitmapImageOrientationNone };
     export namespace ObsoleteWebRtcCipherSuite_1 {
-        let milestone_9: number;
-        export { milestone_9 as milestone };
+        let milestone_8: number;
+        export { milestone_8 as milestone };
     }
     export { ObsoleteWebRtcCipherSuite_1 as ObsoleteWebRtcCipherSuite };
     export namespace OverflowVisibleOnReplacedElement_1 {
-        let chromeStatusFeature_16: number;
-        export { chromeStatusFeature_16 as chromeStatusFeature };
+        let chromeStatusFeature_13: number;
+        export { chromeStatusFeature_13 as chromeStatusFeature };
+        let milestone_9: number;
+        export { milestone_9 as milestone };
+    }
+    export { OverflowVisibleOnReplacedElement_1 as OverflowVisibleOnReplacedElement };
+    export namespace OverrideFlashEmbedwithHTML_1 {
         let milestone_10: number;
         export { milestone_10 as milestone };
     }
-    export { OverflowVisibleOnReplacedElement_1 as OverflowVisibleOnReplacedElement };
+    export { OverrideFlashEmbedwithHTML_1 as OverrideFlashEmbedwithHTML };
     export namespace PaymentInstruments_1 {
-        let chromeStatusFeature_17: number;
-        export { chromeStatusFeature_17 as chromeStatusFeature };
+        let chromeStatusFeature_14: number;
+        export { chromeStatusFeature_14 as chromeStatusFeature };
     }
     export { PaymentInstruments_1 as PaymentInstruments };
     export namespace PaymentRequestCSPViolation_1 {
-        let chromeStatusFeature_18: number;
-        export { chromeStatusFeature_18 as chromeStatusFeature };
+        let chromeStatusFeature_15: number;
+        export { chromeStatusFeature_15 as chromeStatusFeature };
     }
     export { PaymentRequestCSPViolation_1 as PaymentRequestCSPViolation };
     export namespace PersistentQuotaType_1 {
-        let chromeStatusFeature_19: number;
-        export { chromeStatusFeature_19 as chromeStatusFeature };
+        let chromeStatusFeature_16: number;
+        export { chromeStatusFeature_16 as chromeStatusFeature };
         let milestone_11: number;
         export { milestone_11 as milestone };
     }
@@ -210,20 +195,20 @@ export namespace DEPRECATIONS_METADATA {
     }
     export { RTCConstraintEnableDtlsSrtpTrue_1 as RTCConstraintEnableDtlsSrtpTrue };
     export namespace RTCPeerConnectionGetStatsLegacyNonCompliant_1 {
-        let chromeStatusFeature_20: number;
-        export { chromeStatusFeature_20 as chromeStatusFeature };
+        let chromeStatusFeature_17: number;
+        export { chromeStatusFeature_17 as chromeStatusFeature };
         let milestone_14: number;
         export { milestone_14 as milestone };
     }
     export { RTCPeerConnectionGetStatsLegacyNonCompliant_1 as RTCPeerConnectionGetStatsLegacyNonCompliant };
     export namespace RequestedSubresourceWithEmbeddedCredentials_1 {
-        let chromeStatusFeature_21: number;
-        export { chromeStatusFeature_21 as chromeStatusFeature };
+        let chromeStatusFeature_18: number;
+        export { chromeStatusFeature_18 as chromeStatusFeature };
     }
     export { RequestedSubresourceWithEmbeddedCredentials_1 as RequestedSubresourceWithEmbeddedCredentials };
     export namespace RtcpMuxPolicyNegotiate_1 {
-        let chromeStatusFeature_22: number;
-        export { chromeStatusFeature_22 as chromeStatusFeature };
+        let chromeStatusFeature_19: number;
+        export { chromeStatusFeature_19 as chromeStatusFeature };
         let milestone_15: number;
         export { milestone_15 as milestone };
     }
@@ -234,15 +219,15 @@ export namespace DEPRECATIONS_METADATA {
     }
     export { SharedArrayBufferConstructedWithoutIsolation_1 as SharedArrayBufferConstructedWithoutIsolation };
     export namespace TextToSpeech_DisallowedByAutoplay_1 {
-        let chromeStatusFeature_23: number;
-        export { chromeStatusFeature_23 as chromeStatusFeature };
+        let chromeStatusFeature_20: number;
+        export { chromeStatusFeature_20 as chromeStatusFeature };
         let milestone_17: number;
         export { milestone_17 as milestone };
     }
     export { TextToSpeech_DisallowedByAutoplay_1 as TextToSpeech_DisallowedByAutoplay };
     export namespace UnloadHandler_1 {
-        let chromeStatusFeature_24: number;
-        export { chromeStatusFeature_24 as chromeStatusFeature };
+        let chromeStatusFeature_21: number;
+        export { chromeStatusFeature_21 as chromeStatusFeature };
     }
     export { UnloadHandler_1 as UnloadHandler };
     export namespace V8SharedArrayBufferConstructedInExtensionWithoutIsolation_1 {
@@ -250,11 +235,6 @@ export namespace DEPRECATIONS_METADATA {
         export { milestone_18 as milestone };
     }
     export { V8SharedArrayBufferConstructedInExtensionWithoutIsolation_1 as V8SharedArrayBufferConstructedInExtensionWithoutIsolation };
-    export namespace WebGPUAdapterIsFallbackAdapter_1 {
-        let chromeStatusFeature_25: number;
-        export { chromeStatusFeature_25 as chromeStatusFeature };
-    }
-    export { WebGPUAdapterIsFallbackAdapter_1 as WebGPUAdapterIsFallbackAdapter };
     export namespace XHRJSONEncodingDetection_1 {
         let milestone_19: number;
         export { milestone_19 as milestone };

package/core/lib/deprecations-strings.js

@@ -16,10 +16,6 @@ export const UIStrings = {
    * @description This warning occurs when a page attempts to request a resource whose URL contained both a newline character (`\n` or `\r`), and a less-than character (`<`). These resources are blocked.
    */
   CanRequestURLHTTPContainingNewline: "Resource requests whose URLs contained both removed whitespace `(n|r|t)` characters and less-than characters (`<`) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources.",
-  /**
-   * @description Warning displayed to developers that they did not specify character encoding for HTML document, and that auto-detection of specific character set (i.e. ISO-2022-JP) used by the webiste won't be supported in the near futre.
-   */
-  CharsetAutoDetectionISO2022JP: "Auto-detection of ISO-2022-JP character set is deprecated and it will be disabled in the near future. Please specify character set in the Content Type header or by using a meta tag (https://developer.mozilla.org/en-US/docs/Glossary/Character_encoding).",
   /**
    * @description This warning occurs when the website attempts to invoke the deprecated `chrome.loadTimes().connectionInfo` API.
    */
@@ -72,18 +68,10 @@ export const UIStrings = {
    * @description This warning occurs when the `getUserMedia()` API is invoked on an insecure (e.g., HTTP) site. This is only permitted on secure sites (e.g., HTTPS).
    */
   GetUserMediaInsecureOrigin: "`getUserMedia()` no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.",
-  /**
-   * @description This warning occurs when a site uses <h1> inside <article>, <aside>, <nav>, or <section>. It means the behavior (font size) may change in a future Chrome release, when some special rules are removed from the browser.
-   */
-  H1UserAgentFontSizeInSection: "Found an <h1> tag within an <article>, <aside>, <nav>, or <section> which does not have a specified font-size. The size of this heading text will be changing in this browser in the near future. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#specifying_a_uniform_font_size_for_h1 for more information.",
   /**
    * @description A deprecation warning shown to developers in the DevTools Issues tab when code tries to use the deprecated hostCandidate field, guiding developers to use the equivalent information in the .address and .port fields instead.
    */
   HostCandidateAttributeGetter: "`RTCPeerConnectionIceErrorEvent.hostCandidate` is deprecated. Please use `RTCPeerConnectionIceErrorEvent.address` or `RTCPeerConnectionIceErrorEvent.port` instead.",
-  /**
-   * @description A deprecation warning shown in the DevTools Issues tab, when a request for digital credentials API is formatted using a deprecated format.
-   */
-  IdentityDigitalCredentials: "This format for the navigator.credentials.get() request for digital credentials is deprecated, please update your call to use the new format.",
   /**
    * @description A deprecation warning shown in the DevTools Issues tab, when a service worker reads one of the fields from an event named 'canmakepayment'.
    */
@@ -136,6 +124,10 @@ export const UIStrings = {
    * @description Warning displayed to developers that use overflow:visible for replaced elements. This declaration was earlier ignored but will now change the element's painting based on whether the overflow value allows the element to paint outside its bounds.
    */
   OverflowVisibleOnReplacedElement: "Specifying `overflow: visible` on img, video and canvas tags may cause them to produce visual content outside of the element bounds. See https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md.",
+  /**
+   * @description Warning displayed to developers when they use a Flash Embed URLS to let them know that the browser will not automatically link to their equivalent HTML5 link.
+   */
+  OverrideFlashEmbedwithHTML: "Legacy flash video embed has been rewritten to HTML iframe. Flash is long gone, this rewriting hack is deprecated and may be removed in the future.",
   /**
    * @description Warning displayed to developers when they use the PaymentInstruments API to let them know this API is deprecated.
    */
@@ -228,10 +220,6 @@ export const UIStrings = {
    * @description A deprecation warning shown in the DevTools Issues tab. The placeholder is always the noun 'SharedArrayBuffer' which refers to a JavaScript construct. 'Extensions' refers to Chrome extensions. The warning is shown when Chrome Extensions attempt to use 'SharedArrayBuffer's under insecure circumstances.
    */
   V8SharedArrayBufferConstructedInExtensionWithoutIsolation: "Extensions should opt into cross-origin isolation to continue using `SharedArrayBuffer`. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/.",
-  /**
-   * @description This warning occurs when the website attempts to use the deprecated GPUAdapter `isFallbackAdapter` attribute.
-   */
-  WebGPUAdapterIsFallbackAdapter: "The GPUAdapter `isFallbackAdapter` attribute is deprecated, instead use the GPUAdapterInfo `isFallbackAdapter` attribute.",
   /**
    * @description Warning displayed to developers that they are using `XMLHttpRequest` API in a way that they expect an unsupported character encoding `UTF-16` could be used in the server reply.
    */
@@ -259,9 +247,6 @@ export const DEPRECATIONS_METADATA = {
   "CanRequestURLHTTPContainingNewline": {
     "chromeStatusFeature": 5735596811091968
   },
-  "CharsetAutoDetectionISO2022JP": {
-    "chromeStatusFeature": 6576566521561088
-  },
   "ChromeLoadTimesConnectionInfo": {
     "chromeStatusFeature": 5637885046816768
   },
@@ -281,13 +266,6 @@ export const DEPRECATIONS_METADATA = {
     "chromeStatusFeature": 5128825141198848,
     "milestone": 119
   },
-  "H1UserAgentFontSizeInSection": {
-    "chromeStatusFeature": 6192419898654720,
-    "milestone": 136
-  },
-  "IdentityDigitalCredentials": {
-    "chromeStatusFeature": 5166035265650688
-  },
   "IdentityInCanMakePaymentEvent": {
     "chromeStatusFeature": 5190978431352832
   },
@@ -321,6 +299,9 @@ export const DEPRECATIONS_METADATA = {
     "chromeStatusFeature": 5137515594383360,
     "milestone": 108
   },
+  "OverrideFlashEmbedwithHTML": {
+    "milestone": 140
+  },
   "PaymentInstruments": {
     "chromeStatusFeature": 5099285054488576
   },
@@ -361,9 +342,6 @@ export const DEPRECATIONS_METADATA = {
   "V8SharedArrayBufferConstructedInExtensionWithoutIsolation": {
     "milestone": 96
   },
-  "WebGPUAdapterIsFallbackAdapter": {
-    "chromeStatusFeature": 4870179714236416
-  },
   "XHRJSONEncodingDetection": {
     "milestone": 93
   }