lighthouse 11.5.0 → 11.6.0

package/shared/localization/locales/zh-HK.json

@@ -18,7 +18,7 @@
     "message": "`[aria-*]` 屬性與其角色相符"
   },
   "core/audits/accessibility/aria-allowed-role.js | description": {
-    "message": "「ARIA `role`」可協助輔助技術瞭解網頁中每個元素的角色。如果「`role`」值有錯字、不是現有的「ARIA `role`」值，或是抽象角色，系統就不會將元素的目的傳達給輔助技術的使用者。[進一步瞭解 ARIA 角色](https://dequeuniversity.com/rules/axe/4.8/aria-allowed-roles)。"
+    "message": "「ARIA `role`」可協助輔助技術瞭解網頁中每個元素的角色。如果「`role`」值有錯字、不是現有的「ARIA `role`」值，或是抽象角色，系統就不會將元素的目的傳達給輔助技術的使用者。[進一步瞭解 ARIA 角色](https://dequeuniversity.com/rules/axe/4.8/aria-allowed-role)。"
   },
   "core/audits/accessibility/aria-allowed-role.js | failureTitle": {
     "message": "指派給 `role=\"\"` 的值不是有效的 ARIA 角色。"
@@ -605,6 +605,9 @@
   "core/audits/bf-cache.js | title": {
     "message": "網頁未有禁止還原向前/返回快取"
   },
+  "core/audits/bf-cache.js | warningHeadless": {
+    "message": "無法在舊版 Headless Chrome (`--chrome-flags=\"--headless=old\"`) 中測試向前/返回快取。如要查看審核結果，請使用新版 Headless Chrome (`--chrome-flags=\"--headless=new\"`) 或標準版 Chrome。"
+  },
   "core/audits/bootup-time.js | chromeExtensionsWarning": {
     "message": "Chrome 擴充程式會對此頁面的載入效能產生負面影響。建議透過無痕模式或使用未安裝擴充程式的 Chrome 設定檔來審核頁面。"
   },
@@ -1155,14 +1158,38 @@
     "message": "「最大內容繪製」元素"
   },
   "core/audits/layout-shift-elements.js | columnContribution": {
-    "message": "對 CLS 的影響"
+    "message": "受版面配置轉移影響的元素數量"
   },
   "core/audits/layout-shift-elements.js | description": {
-    "message": "這些 DOM 元素在頁面造成最多累計版面配置轉移 (CLS)。[瞭解如何改善累計版面配置轉移 (CLS)](https://web.dev/articles/optimize-cls)"
+    "message": "版面配置轉移對這些 DOM 元素造成的影響最大。由於[視窗化](https://web.dev/articles/cls#what_is_cls)，部分版面配置轉移可能不會包含在 CLS 數據值中。[瞭解如何改善累計版面配置轉移 (CLS)](https://web.dev/articles/optimize-cls)"
   },
   "core/audits/layout-shift-elements.js | title": {
     "message": "避免大幅度的版面配置轉移"
   },
+  "core/audits/layout-shifts.js | columnScore": {
+    "message": "版面配置轉移分數"
+  },
+  "core/audits/layout-shifts.js | description": {
+    "message": "這些是網頁上發現的最大版面配置轉移。每個表格項目都代表一個版面配置轉移，並會顯示轉移最多的元素。每個項目下方是導致版面配置轉移的潛在根本原因。由於[視窗化](https://web.dev/articles/cls#what_is_cls)，部分版面配置轉移可能不會包含在 CLS 數據值中。[瞭解如何改善累計版面配置轉移 (CLS)](https://web.dev/articles/optimize-cls)"
+  },
+  "core/audits/layout-shifts.js | displayValueShiftsFound": {
+    "message": "{shiftCount,plural, =1{找到 1 項版面配置轉移}other{找到 # 項版面配置轉移}}"
+  },
+  "core/audits/layout-shifts.js | rootCauseFontChanges": {
+    "message": "已載入網頁字型"
+  },
+  "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
+    "message": "已插入 iframe"
+  },
+  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
+    "message": "延遲的網絡要求導致網頁版面配置變更"
+  },
+  "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
+    "message": "媒體元素沒有明確尺寸"
+  },
+  "core/audits/layout-shifts.js | title": {
+    "message": "避免大幅度的版面配置轉移"
+  },
   "core/audits/lcp-lazy-loaded.js | description": {
     "message": "系統會在頁面生命週期的較後時段輸出延遲載入的毋需捲動的當眼位置圖片，這可能導致最大內容繪製發生延遲。[進一步瞭解最佳延遲載入](https://web.dev/articles/lcp-lazy-loading)。"
   },
@@ -1532,6 +1559,18 @@
   "core/audits/themed-omnibox.js | title": {
     "message": "設定網址列的主題顏色。"
   },
+  "core/audits/third-party-cookies.js | description": {
+    "message": "未來的 Chrome 版本將不再支援第三方 Cookie。[進一步瞭解 Chrome 如何逐步停止支援第三方 Cookie](https://developer.chrome.com/en/docs/privacy-sandbox/third-party-cookie-phase-out/)。"
+  },
+  "core/audits/third-party-cookies.js | displayValue": {
+    "message": "{itemCount,plural, =1{找到 1 個 Cookie}other{找到 # 個 Cookie}}"
+  },
+  "core/audits/third-party-cookies.js | failureTitle": {
+    "message": "使用第三方 Cookie"
+  },
+  "core/audits/third-party-cookies.js | title": {
+    "message": "避免使用第三方 Cookie"
+  },
   "core/audits/third-party-facades.js | categoryCustomerSuccess": {
     "message": "{productName} (客戶支援)"
   },
@@ -3359,6 +3398,9 @@
   "report/renderer/report-utils.js | passedAuditsGroupTitle": {
     "message": "已通過的審核"
   },
+  "report/renderer/report-utils.js | pwaRemovalMessage": {
+    "message": "除了[更新 Chrome 的安裝條件](https://developer.chrome.com/blog/update-install-criteria)，Lighthouse 亦將在之後的版本淘汰 PWA 類別。如果之後要進行 PWA 測試，請參閱[新版 PWA 說明文件](https://developer.chrome.com/docs/devtools/progressive-web-apps/)。"
+  },
   "report/renderer/report-utils.js | runtimeAnalysisWindow": {
     "message": "初始頁面載入"
   },

package/shared/localization/locales/zh-TW.json

@@ -18,7 +18,7 @@
     "message": "`[aria-*]` 屬性與其角色相符"
   },
   "core/audits/accessibility/aria-allowed-role.js | description": {
-    "message": "「ARIA `role`」可協助輔助技術瞭解網頁中每個元素的角色。如果「`role`」值有錯字、不是現有的「ARIA `role`」值，或者是抽象角色，系統就不會將元素的目的傳達給輔助技術的使用者。[進一步瞭解 ARIA 角色](https://dequeuniversity.com/rules/axe/4.8/aria-allowed-roles)。"
+    "message": "「ARIA `role`」可協助輔助技術瞭解網頁中每個元素的角色。如果「`role`」值有錯字、不是現有的「ARIA `role`」值，或者是抽象角色，系統就不會將元素的目的傳達給輔助技術的使用者。[進一步瞭解 ARIA 角色](https://dequeuniversity.com/rules/axe/4.8/aria-allowed-role)。"
   },
   "core/audits/accessibility/aria-allowed-role.js | failureTitle": {
     "message": "指派給 `role=\"\"` 的值不是有效的 ARIA 角色。"
@@ -605,6 +605,9 @@
   "core/audits/bf-cache.js | title": {
     "message": "網頁並未禁止還原往返快取"
   },
+  "core/audits/bf-cache.js | warningHeadless": {
+    "message": "無法在舊版無頭 Chrome (`--chrome-flags=\"--headless=old\"`) 中測試往返快取。如要查看稽核結果，請使用新的無頭 Chrome (`--chrome-flags=\"--headless=new\"`) 或標準 Chrome。"
+  },
   "core/audits/bootup-time.js | chromeExtensionsWarning": {
     "message": "Chrome 擴充功能對這個頁面的載入效能有負面影響。建議透過無痕模式或不含擴充功能的 Chrome 設定檔來稽核頁面。"
   },
@@ -1155,14 +1158,38 @@
     "message": "最大內容繪製元素"
   },
   "core/audits/layout-shift-elements.js | columnContribution": {
-    "message": "對 CLS 的影響"
+    "message": "受版面配置位移影響的元素數量"
   },
   "core/audits/layout-shift-elements.js | description": {
-    "message": "這些 DOM 元素對於網頁的「累計版面配置位移」(CLS) 影響最大。[瞭解如何改善 CLS](https://web.dev/articles/optimize-cls)"
+    "message": "版面配置位移對這些 DOM 元素造成的影響最大。由於[執行時間較短](https://web.dev/articles/cls#what_is_cls)，部分版面配置位移可能不會包含在 CLS 指標值中。[瞭解如何改善 CLS](https://web.dev/articles/optimize-cls)"
   },
   "core/audits/layout-shift-elements.js | title": {
     "message": "避免大量版面配置轉移"
   },
+  "core/audits/layout-shifts.js | columnScore": {
+    "message": "版面配置位移分數"
+  },
+  "core/audits/layout-shifts.js | description": {
+    "message": "這些是網頁上發現的最大版面配置位移。每個表格項目都代表一個版面配置位移，並會顯示位移最多的元素。每個項目下方是導致版面配置位移的可能根本原因。由於[執行時間較短](https://web.dev/articles/cls#what_is_cls)，CLS 指標值可能不會包含所有的版面配置位移。[瞭解如何改善 CLS](https://web.dev/articles/optimize-cls)"
+  },
+  "core/audits/layout-shifts.js | displayValueShiftsFound": {
+    "message": "{shiftCount,plural, =1{發現 1 個版面配置位移}other{發現 # 個版面配置位移}}"
+  },
+  "core/audits/layout-shifts.js | rootCauseFontChanges": {
+    "message": "載入了網頁字型"
+  },
+  "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
+    "message": "插入了 iframe"
+  },
+  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
+    "message": "延遲的網路要求導致網頁版面配置變更"
+  },
+  "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
+    "message": "媒體元素沒有明確尺寸"
+  },
+  "core/audits/layout-shifts.js | title": {
+    "message": "避免大量版面配置轉移"
+  },
   "core/audits/lcp-lazy-loaded.js | description": {
     "message": "不需捲動位置的圖片經過延遲載入後，會在頁面生命週期的較晚階段顯示，這可能會延遲最大內容繪製作業。[進一步瞭解如何讓延遲載入最佳化](https://web.dev/articles/lcp-lazy-loading)。"
   },
@@ -1532,6 +1559,18 @@
   "core/audits/themed-omnibox.js | title": {
     "message": "設定網址列的主題顏色。"
   },
+  "core/audits/third-party-cookies.js | description": {
+    "message": "未來的 Chrome 版本將不再支援第三方 Cookie。[進一步瞭解 Chrome 如何逐步停止支援第三方 Cookie](https://developer.chrome.com/en/docs/privacy-sandbox/third-party-cookie-phase-out/)。"
+  },
+  "core/audits/third-party-cookies.js | displayValue": {
+    "message": "{itemCount,plural, =1{找到 1 個 Cookie}other{找到 # 個 Cookie}}"
+  },
+  "core/audits/third-party-cookies.js | failureTitle": {
+    "message": "使用第三方 Cookie"
+  },
+  "core/audits/third-party-cookies.js | title": {
+    "message": "避免使用第三方 Cookie"
+  },
   "core/audits/third-party-facades.js | categoryCustomerSuccess": {
     "message": "{productName} (客戶成功案例)"
   },
@@ -3359,6 +3398,9 @@
   "report/renderer/report-utils.js | passedAuditsGroupTitle": {
     "message": "通過稽核項目"
   },
+  "report/renderer/report-utils.js | pwaRemovalMessage": {
+    "message": "除了[更新 Chrome 的安裝條件](https://developer.chrome.com/blog/update-install-criteria)，Lighthouse 也將在之後的版本淘汰 PWA 類別。如果之後要進行 PWA 測試，請參閱[新版 PWA 說明文件](https://developer.chrome.com/docs/devtools/progressive-web-apps/)。"
+  },
   "report/renderer/report-utils.js | runtimeAnalysisWindow": {
     "message": "初次載入網頁"
   },

package/shared/localization/locales/zh.json

@@ -18,7 +18,7 @@
     "message": "`[aria-*]` 属性与其角色匹配"
   },
   "core/audits/accessibility/aria-allowed-role.js | description": {
-    "message": "ARIA `role` 让辅助技术能够了解网页上每个元素的角色。如果 `role` 值拼写有误、不是现有的 ARIA `role` 值或是抽象角色，系统便不会将相应元素的用途传达给使用辅助技术的用户。[详细了解 ARIA 角色](https://dequeuniversity.com/rules/axe/4.8/aria-allowed-roles)。"
+    "message": "ARIA `role` 让辅助技术能够了解网页上每个元素的角色。如果 `role` 值拼写有误、不是现有的 ARIA `role` 值或是抽象角色，系统便不会将相应元素的用途传达给使用辅助技术的用户。[详细了解 ARIA 角色](https://dequeuniversity.com/rules/axe/4.8/aria-allowed-role)。"
   },
   "core/audits/accessibility/aria-allowed-role.js | failureTitle": {
     "message": "向 `role=\"\"` 分配的值不是有效的 ARIA 角色。"
@@ -390,7 +390,7 @@
     "message": "文档有一个主要位置标记。"
   },
   "core/audits/accessibility/link-in-text-block.js | description": {
-    "message": "对许多用户而言，对比度低的文本都是难以阅读或无法阅读的。清晰可辨的链接文本可改善弱视用户的体验。[了解如何让链接容易辨识](https://dequeuniversity.com/rules/axe/4.8/link-in-text-block)。"
+    "message": "对许多用户而言，对比度低的文本都是难以阅读或无法阅读的。清晰可辨的链接文本可改善低视力用户的体验。[了解如何让链接容易辨识](https://dequeuniversity.com/rules/axe/4.8/link-in-text-block)。"
   },
   "core/audits/accessibility/link-in-text-block.js | failureTitle": {
     "message": "必须依赖颜色才能辨识链接。"
@@ -435,7 +435,7 @@
     "message": "文档未使用 `<meta http-equiv=\"refresh\">`"
   },
   "core/audits/accessibility/meta-viewport.js | description": {
-    "message": "对于必须依靠放大屏幕才能清晰看到网页内容的弱视用户而言，停用缩放功能会给他们带来问题。[详细了解视口元标记](https://dequeuniversity.com/rules/axe/4.8/meta-viewport)。"
+    "message": "对于必须依靠放大屏幕才能清晰看到网页内容的低视力用户而言，停用缩放功能会给他们带来问题。[详细了解视口元标记](https://dequeuniversity.com/rules/axe/4.8/meta-viewport)。"
   },
   "core/audits/accessibility/meta-viewport.js | failureTitle": {
     "message": "`<meta name=\"viewport\">` 元素中使用了 `[user-scalable=\"no\"]`，或者 `[maximum-scale]` 属性小于 5。"
@@ -605,6 +605,9 @@
   "core/audits/bf-cache.js | title": {
     "message": "网页并未阻止恢复往返缓存"
   },
+  "core/audits/bf-cache.js | warningHeadless": {
+    "message": "在旧版无头 Chrome (`--chrome-flags=\"--headless=old\"`) 中无法测试往返缓存。要查看审核结果，请使用新版无头 Chrome (`--chrome-flags=\"--headless=new\"`) 或标准 Chrome。"
+  },
   "core/audits/bootup-time.js | chromeExtensionsWarning": {
     "message": "Chrome 扩展程序对此网页的加载性能产生了负面影响。请尝试在无痕模式下或使用未安装这些扩展程序的 Chrome 个人资料审核此网页。"
   },
@@ -810,7 +813,7 @@
     "message": "正确地设定了字符集"
   },
   "core/audits/dobetterweb/doctype.js | description": {
-    "message": "指定 DOCTYPE 会阻止浏览器切换到怪异模式。[详细了解 DOCTYPE 声明](https://developer.chrome.com/docs/lighthouse/best-practices/doctype/)。"
+    "message": "指定 DOCTYPE 可阻止浏览器切换到 Quirks 模式。[详细了解 DOCTYPE 声明](https://developer.chrome.com/docs/lighthouse/best-practices/doctype/)。"
   },
   "core/audits/dobetterweb/doctype.js | explanationBadDoctype": {
     "message": "DOCTYPE 名称必须为字符串 `html`"
@@ -831,7 +834,7 @@
     "message": "该文档包含会触发 `quirks-mode` 的 `doctype`"
   },
   "core/audits/dobetterweb/doctype.js | failureTitle": {
-    "message": "页面缺少 HTML DOCTYPE，从而触发了怪异模式"
+    "message": "页面缺少 HTML DOCTYPE，从而触发了 Quirks 模式"
   },
   "core/audits/dobetterweb/doctype.js | title": {
     "message": "页面包含 HTML DOCTYPE"
@@ -1155,14 +1158,38 @@
     "message": "最大内容渲染时间元素"
   },
   "core/audits/layout-shift-elements.js | columnContribution": {
-    "message": "对 CLS 的影响程度"
+    "message": "布局偏移的影响"
   },
   "core/audits/layout-shift-elements.js | description": {
-    "message": "这些 DOM 元素对该网页的 CLS 影响最大。[了解如何改善 CLS](https://web.dev/articles/optimize-cls)"
+    "message": "这些 DOM 元素受布局偏移的影响最大。由于[窗口化](https://web.dev/articles/cls#what_is_cls)的原因，某些布局偏移可能未包含在 CLS 指标值中。[了解如何改善 CLS](https://web.dev/articles/optimize-cls)"
   },
   "core/audits/layout-shift-elements.js | title": {
     "message": "请避免出现大幅度的布局偏移"
   },
+  "core/audits/layout-shifts.js | columnScore": {
+    "message": "布局偏移分数"
+  },
+  "core/audits/layout-shifts.js | description": {
+    "message": "这些是在网页上观察到的最大幅的布局偏移。表格中的每个项均表示一次布局偏移，并显示了发生最大幅偏移的元素。每个项的下方列出了哪些可能的根本原因导致了相应的布局偏移。由于[窗口化](https://web.dev/articles/cls#what_is_cls)的原因，所显示的某些布局偏移可能未包含在 CLS 指标值中。[了解如何改善 CLS](https://web.dev/articles/optimize-cls)"
+  },
+  "core/audits/layout-shifts.js | displayValueShiftsFound": {
+    "message": "{shiftCount,plural, =1{发现了 1 次布局偏移}other{发现了 # 次布局偏移}}"
+  },
+  "core/audits/layout-shifts.js | rootCauseFontChanges": {
+    "message": "加载了网络字体"
+  },
+  "core/audits/layout-shifts.js | rootCauseInjectedIframe": {
+    "message": "注入的 iframe"
+  },
+  "core/audits/layout-shifts.js | rootCauseRenderBlockingRequest": {
+    "message": "延迟的网络请求调整了页面布局"
+  },
+  "core/audits/layout-shifts.js | rootCauseUnsizedMedia": {
+    "message": "媒体元素缺少明确的大小"
+  },
+  "core/audits/layout-shifts.js | title": {
+    "message": "请避免出现大幅度的布局偏移"
+  },
   "core/audits/lcp-lazy-loaded.js | description": {
     "message": "被延迟加载的首屏图片会在页面生命周期内的较晚时间渲染，这可能会致使系统延迟 Largest Contentful Paint。[详细了解最佳延迟加载](https://web.dev/articles/lcp-lazy-loading)。"
   },
@@ -1532,6 +1559,18 @@
   "core/audits/themed-omnibox.js | title": {
     "message": "为地址栏设置主题背景颜色。"
   },
+  "core/audits/third-party-cookies.js | description": {
+    "message": "在 Chrome 的某个未来版本中，对第三方 Cookie 的支持将被彻底取消。[详细了解逐步停用第三方 Cookie](https://developer.chrome.com/en/docs/privacy-sandbox/third-party-cookie-phase-out/)。"
+  },
+  "core/audits/third-party-cookies.js | displayValue": {
+    "message": "{itemCount,plural, =1{找到 1 个 Cookie}other{找到 # 个 Cookie}}"
+  },
+  "core/audits/third-party-cookies.js | failureTitle": {
+    "message": "使用第三方 Cookie"
+  },
+  "core/audits/third-party-cookies.js | title": {
+    "message": "避免使用第三方 Cookie"
+  },
   "core/audits/third-party-facades.js | categoryCustomerSuccess": {
     "message": "{productName}（客户成功案例）"
   },
@@ -3359,6 +3398,9 @@
   "report/renderer/report-utils.js | passedAuditsGroupTitle": {
     "message": "已通过的审核"
   },
+  "report/renderer/report-utils.js | pwaRemovalMessage": {
+    "message": "除了 [Chrome 更新后的可安装性标准](https://developer.chrome.com/blog/update-install-criteria)之外，Lighthouse 还将在未来的版本中弃用 PWA 类别。请参阅[更新后的 PWA 文档](https://developer.chrome.com/docs/devtools/progressive-web-apps/)，了解今后的 PWA 测试。"
+  },
   "report/renderer/report-utils.js | runtimeAnalysisWindow": {
     "message": "初始网页加载"
   },

package/types/artifacts.d.ts

@@ -5,6 +5,8 @@
  */
 
 import {Protocol as Crdp} from 'devtools-protocol/types/protocol.js';
+import * as TraceEngine from '@paulirish/trace_engine';
+import {LayoutShiftRootCausesData} from '@paulirish/trace_engine/models/trace/root-causes/LayoutShift.js';
 
 import {parseManifest} from '../core/lib/manifest-parser.js';
 import {Simulator} from '../core/lib/dependency-graph/simulator/simulator.js';
@@ -23,7 +25,6 @@ import LHResult from './lhr/lhr.js'
 import Protocol from './protocol.js';
 import Util from './utility-types.js';
 import Audit from './audit.js';
-import {TraceProcessor, LayoutShiftRootCauses} from './trace-engine.js';
 
 export type Artifacts = BaseArtifacts & GathererArtifacts;
 
@@ -569,10 +570,10 @@ declare module Artifacts {
     type?: string;
   }
 
-  type TraceEngineResult = TraceProcessor['data'];
+  type TraceEngineResult = TraceEngine.Handlers.Types.TraceParseData;
 
   interface TraceEngineRootCauses {
-    layoutShifts: Record<number, LayoutShiftRootCauses>;
+    layoutShifts: Record<number, LayoutShiftRootCausesData>;
   }
 
   interface ViewportDimensions {

package/types/internal/rxjs.d.ts

@@ -17,6 +17,7 @@ declare module 'rxjs' {
   export const ignoreElements: any;
   export const map: any;
   export const mergeMap: any;
+  export const mergeScan: any;
   export const raceWith: any;
   export const retry: any;
   export const tap: any;
@@ -25,9 +26,12 @@ declare module 'rxjs' {
   export const delay: any;
   export const startWith: any;
   export const switchMap: any;
+  export const take: any;
   export const bufferCount: any;
   export const concatMap: any;
+  export const debounceTime: any;
   export const lastValueFrom: any;
   export const takeUntil: any;
+  export const delayWhen: any;
 }