diff --git a/packages/cli/docs/raw/uf-inc-budget.json b/packages/cli/docs/raw/uf-inc-budget.json
index c9ac7688c..2072c0af6 100644
--- a/packages/cli/docs/raw/uf-inc-budget.json
+++ b/packages/cli/docs/raw/uf-inc-budget.json
@@ -15,7 +15,9 @@
"networkUserAgent": "",
"hostUserAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/100.0.4889.0 Safari/537.36",
"benchmarkIndex": 1600,
- "credits": { "axe-core": "4.3.5" }
+ "credits": {
+ "axe-core": "4.3.5"
+ }
},
"audits": {
"is-on-https": {
@@ -24,7 +26,11 @@
"description": "All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding [mixed content](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content), where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://web.dev/is-on-https/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"service-worker": {
"id": "service-worker",
@@ -202,7 +208,11 @@
"description": "Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. [Learn more](https://web.dev/errors-in-console/)",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"server-response-time": {
"id": "server-response-time",
@@ -216,7 +226,11 @@
"details": {
"type": "opportunity",
"headings": [
- { "key": "url", "valueType": "url", "label": "URL" },
+ {
+ "key": "url",
+ "valueType": "url",
+ "label": "URL"
+ },
{
"key": "responseTime",
"valueType": "timespanMs",
@@ -224,7 +238,10 @@
}
],
"items": [
- { "url": "https://www.google.com/", "responseTime": 153.964 }
+ {
+ "url": "https://www.google.com/",
+ "responseTime": 153.964
+ }
],
"overallSavingsMs": 53.964
}
@@ -245,7 +262,11 @@
"description": "Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. [Learn more](https://web.dev/user-timings/).",
"score": null,
"scoreDisplayMode": "notApplicable",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"critical-request-chains": {
"id": "critical-request-chains",
@@ -326,7 +347,11 @@
"details": {
"type": "opportunity",
"headings": [
- { "key": "url", "valueType": "url", "label": "URL" },
+ {
+ "key": "url",
+ "valueType": "url",
+ "label": "URL"
+ },
{
"key": "wastedMs",
"valueType": "timespanMs",
@@ -334,8 +359,14 @@
}
],
"items": [
- { "url": "https://google.com/", "wastedMs": 850.2330000000001 },
- { "url": "https://www.google.com/", "wastedMs": 0 }
+ {
+ "url": "https://google.com/",
+ "wastedMs": 850.2330000000001
+ },
+ {
+ "url": "https://www.google.com/",
+ "wastedMs": 0
+ }
],
"overallSavingsMs": 850.2330000000001
}
@@ -449,7 +480,11 @@
"description": "Image display dimensions should match natural aspect ratio. [Learn more](https://web.dev/image-aspect-ratio/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"image-size-responsive": {
"id": "image-size-responsive",
@@ -457,7 +492,11 @@
"description": "Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. [Learn more](https://web.dev/serve-responsive-images/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"preload-fonts": {
"id": "preload-fonts",
@@ -472,7 +511,11 @@
"description": "Deprecated APIs will eventually be removed from the browser. [Learn more](https://web.dev/deprecations/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"mainthread-work-breakdown": {
"id": "mainthread-work-breakdown",
@@ -486,7 +529,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "groupLabel", "itemType": "text", "text": "Category" },
+ {
+ "key": "groupLabel",
+ "itemType": "text",
+ "text": "Category"
+ },
{
"key": "duration",
"itemType": "ms",
@@ -540,7 +587,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "url", "itemType": "url", "text": "URL" },
+ {
+ "key": "url",
+ "itemType": "url",
+ "text": "URL"
+ },
{
"key": "total",
"granularity": 1,
@@ -586,7 +637,9 @@
"scriptParseCompile": 11.936
}
],
- "summary": { "wastedMs": 485.0000000000005 }
+ "summary": {
+ "wastedMs": 485.0000000000005
+ }
}
},
"uses-rel-preload": {
@@ -626,7 +679,11 @@
"score": 1,
"scoreDisplayMode": "binary",
"warnings": [],
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"diagnostics": {
"id": "diagnostics",
@@ -668,8 +725,16 @@
"details": {
"type": "table",
"headings": [
- { "key": "url", "itemType": "url", "text": "URL" },
- { "key": "protocol", "itemType": "text", "text": "Protocol" },
+ {
+ "key": "url",
+ "itemType": "url",
+ "text": "URL"
+ },
+ {
+ "key": "protocol",
+ "itemType": "text",
+ "text": "Protocol"
+ },
{
"key": "startTime",
"itemType": "ms",
@@ -701,7 +766,11 @@
"itemType": "text",
"text": "Status Code"
},
- { "key": "mimeType", "itemType": "text", "text": "MIME Type" },
+ {
+ "key": "mimeType",
+ "itemType": "text",
+ "text": "MIME Type"
+ },
{
"key": "resourceType",
"itemType": "text",
@@ -987,7 +1056,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "origin", "itemType": "text", "text": "URL" },
+ {
+ "key": "origin",
+ "itemType": "text",
+ "text": "URL"
+ },
{
"key": "rtt",
"itemType": "ms",
@@ -1000,10 +1073,22 @@
"origin": "https://www.gstatic.com",
"rtt": 49.644000000000005
},
- { "origin": "https://google.com", "rtt": 25.22 },
- { "origin": "https://apis.google.com", "rtt": 22.029 },
- { "origin": "https://fonts.gstatic.com", "rtt": 21.679 },
- { "origin": "https://www.google.com", "rtt": 0 }
+ {
+ "origin": "https://google.com",
+ "rtt": 25.22
+ },
+ {
+ "origin": "https://apis.google.com",
+ "rtt": 22.029
+ },
+ {
+ "origin": "https://fonts.gstatic.com",
+ "rtt": 21.679
+ },
+ {
+ "origin": "https://www.google.com",
+ "rtt": 0
+ }
]
}
},
@@ -1019,7 +1104,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "origin", "itemType": "text", "text": "URL" },
+ {
+ "key": "origin",
+ "itemType": "text",
+ "text": "URL"
+ },
{
"key": "serverResponseTime",
"itemType": "ms",
@@ -1044,7 +1133,10 @@
"origin": "https://fonts.gstatic.com",
"serverResponseTime": 8.631999999999994
},
- { "origin": "https://www.gstatic.com", "serverResponseTime": 0 }
+ {
+ "origin": "https://www.gstatic.com",
+ "serverResponseTime": 0
+ }
]
}
},
@@ -1071,12 +1163,30 @@
}
],
"items": [
- { "duration": 25.99, "startTime": 508.244 },
- { "duration": 22.268, "startTime": 536.878 },
- { "duration": 47.695, "startTime": 595.707 },
- { "duration": 40.865, "startTime": 656.752 },
- { "duration": 29.511, "startTime": 893.81 },
- { "duration": 32.37, "startTime": 1100.741 }
+ {
+ "duration": 25.99,
+ "startTime": 508.244
+ },
+ {
+ "duration": 22.268,
+ "startTime": 536.878
+ },
+ {
+ "duration": 47.695,
+ "startTime": 595.707
+ },
+ {
+ "duration": 40.865,
+ "startTime": 656.752
+ },
+ {
+ "duration": 29.511,
+ "startTime": 893.81
+ },
+ {
+ "duration": 32.37,
+ "startTime": 1100.741
+ }
]
}
},
@@ -1134,7 +1244,9 @@
"observedSpeedIndex": 691,
"observedSpeedIndexTs": 330357525837
},
- { "lcpInvalidated": false }
+ {
+ "lcpInvalidated": false
+ }
]
}
},
@@ -1147,7 +1259,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "label", "itemType": "text", "text": "Resource Type" },
+ {
+ "key": "label",
+ "itemType": "text",
+ "text": "Resource Type"
+ },
{
"key": "requestCount",
"itemType": "numeric",
@@ -1158,7 +1274,11 @@
"itemType": "bytes",
"text": "Transfer Size"
},
- { "key": "countOverBudget", "itemType": "text", "text": "" },
+ {
+ "key": "countOverBudget",
+ "itemType": "text",
+ "text": ""
+ },
{
"key": "sizeOverBudget",
"itemType": "bytes",
@@ -1197,13 +1317,21 @@
"details": {
"type": "table",
"headings": [
- { "key": "label", "itemType": "text", "text": "Metric" },
+ {
+ "key": "label",
+ "itemType": "text",
+ "text": "Metric"
+ },
{
"key": "measurement",
"itemType": "ms",
"text": "Measurement"
},
- { "key": "overBudget", "itemType": "ms", "text": "Over Budget" }
+ {
+ "key": "overBudget",
+ "itemType": "ms",
+ "text": "Over Budget"
+ }
],
"items": [
{
@@ -1230,7 +1358,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "label", "itemType": "text", "text": "Resource Type" },
+ {
+ "key": "label",
+ "itemType": "text",
+ "text": "Resource Type"
+ },
{
"key": "requestCount",
"itemType": "numeric",
@@ -1314,21 +1446,28 @@
"key": "entity",
"itemType": "link",
"text": "Third-Party",
- "subItemsHeading": { "key": "url", "itemType": "url" }
+ "subItemsHeading": {
+ "key": "url",
+ "itemType": "url"
+ }
},
{
"key": "transferSize",
"granularity": 1,
"itemType": "bytes",
"text": "Transfer Size",
- "subItemsHeading": { "key": "transferSize" }
+ "subItemsHeading": {
+ "key": "transferSize"
+ }
},
{
"key": "blockingTime",
"granularity": 1,
"itemType": "ms",
"text": "Main-Thread Blocking Time",
- "subItemsHeading": { "key": "blockingTime" }
+ "subItemsHeading": {
+ "key": "blockingTime"
+ }
}
],
"items": [
@@ -1381,7 +1520,10 @@
}
}
],
- "summary": { "wastedBytes": 97308, "wastedMs": 46.324 }
+ "summary": {
+ "wastedBytes": 97308,
+ "wastedMs": 46.324
+ }
}
},
"third-party-facades": {
@@ -1401,7 +1543,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "node", "itemType": "node", "text": "Element" }
+ {
+ "key": "node",
+ "itemType": "node",
+ "text": "Element"
+ }
],
"items": [
{
@@ -1434,7 +1580,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "node", "itemType": "node", "text": "Element" }
+ {
+ "key": "node",
+ "itemType": "node",
+ "text": "Element"
+ }
],
"items": [
{
@@ -1464,7 +1614,11 @@
"description": "These DOM elements contribute most to the CLS of the page.",
"score": null,
"scoreDisplayMode": "notApplicable",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"long-tasks": {
"id": "long-tasks",
@@ -1476,7 +1630,11 @@
"details": {
"type": "table",
"headings": [
- { "key": "url", "itemType": "url", "text": "URL" },
+ {
+ "key": "url",
+ "itemType": "url",
+ "text": "URL"
+ },
{
"key": "startTime",
"itemType": "ms",
@@ -1532,7 +1690,11 @@
"description": "Animations which are not composited can be janky and increase CLS. [Learn more](https://web.dev/non-composited-animations)",
"score": null,
"scoreDisplayMode": "notApplicable",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"unsized-images": {
"id": "unsized-images",
@@ -1543,8 +1705,16 @@
"details": {
"type": "table",
"headings": [
- { "key": "node", "itemType": "node", "text": "" },
- { "key": "url", "itemType": "url", "text": "URL" }
+ {
+ "key": "node",
+ "itemType": "node",
+ "text": ""
+ },
+ {
+ "key": "url",
+ "itemType": "url",
+ "text": "URL"
+ }
],
"items": [
{
@@ -1575,7 +1745,11 @@
"description": "Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. [Learn more](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"preload-lcp-image": {
"id": "preload-lcp-image",
@@ -1605,19 +1779,25 @@
{
"key": "description",
"itemType": "text",
- "subItemsHeading": { "key": "description" },
+ "subItemsHeading": {
+ "key": "description"
+ },
"text": "Description"
},
{
"key": "directive",
"itemType": "code",
- "subItemsHeading": { "key": "directive" },
+ "subItemsHeading": {
+ "key": "directive"
+ },
"text": "Directive"
},
{
"key": "severity",
"itemType": "text",
- "subItemsHeading": { "key": "severity" },
+ "subItemsHeading": {
+ "key": "severity"
+ },
"text": "Severity"
}
],
@@ -2143,7 +2323,10 @@
"details": {
"type": "treemap-data",
"nodes": [
- { "name": "https://www.google.com/", "resourceBytes": 104671 },
+ {
+ "name": "https://www.google.com/",
+ "resourceBytes": 104671
+ },
{
"name": "https://apis.google.com/_/scs/abc-static/_/js/k=gapi.gapi.en.Yozr9QYVVr4.O/m=gapi_iframes,googleapis_client/rt=j/sv=1/d=1/ed=1/rs=AHpOoo8ePFN_mLj5L9BxNRnarRImlQEt0w/cb=gapi.loaded_0",
"resourceBytes": 110677,
@@ -2191,7 +2374,11 @@
"description": "Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. [Learn more](https://web.dev/aria-allowed-attr/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"aria-command-name": {
"id": "aria-command-name",
@@ -2206,7 +2393,11 @@
"description": "Assistive technologies, like screen readers, work inconsistently when `aria-hidden=\"true\"` is set on the document `
`. [Learn more](https://web.dev/aria-hidden-body/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"aria-hidden-focus": {
"id": "aria-hidden-focus",
@@ -2214,7 +2405,11 @@
"description": "Focusable descendents within an `[aria-hidden=\"true\"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn more](https://web.dev/aria-hidden-focus/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"aria-input-field-name": {
"id": "aria-input-field-name",
@@ -2243,7 +2438,18 @@
"description": "Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more](https://web.dev/aria-required-attr/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
+ },
+ "aria-required-children": {
+ "id": "aria-required-children",
+ "title": "Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.",
+ "description": "Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more](https://web.dev/aria-required-children/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
},
"aria-required-children": {
"id": "aria-required-children",
@@ -2265,7 +2471,11 @@
"description": "ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more](https://web.dev/aria-roles/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"aria-toggle-field-name": {
"id": "aria-toggle-field-name",
@@ -2294,7 +2504,11 @@
"description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more](https://web.dev/aria-valid-attr-value/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"aria-valid-attr": {
"id": "aria-valid-attr",
@@ -2302,7 +2516,11 @@
"description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more](https://web.dev/aria-valid-attr/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"button-name": {
"id": "button-name",
@@ -2310,7 +2528,11 @@
"description": "When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn more](https://web.dev/button-name/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"bypass": {
"id": "bypass",
@@ -2318,7 +2540,11 @@
"description": "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://web.dev/bypass/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"color-contrast": {
"id": "color-contrast",
@@ -2699,7 +2925,11 @@
"debugData": {
"type": "debugdata",
"impact": "serious",
- "tags": ["cat.color", "wcag2aa", "wcag143"]
+ "tags": [
+ "cat.color",
+ "wcag2aa",
+ "wcag143"
+ ]
}
}
},
@@ -2723,7 +2953,11 @@
"description": "The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. [Learn more](https://web.dev/document-title/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"duplicate-id-active": {
"id": "duplicate-id-active",
@@ -2731,7 +2965,11 @@
"description": "All focusable elements must have a unique `id` to ensure that they're visible to assistive technologies. [Learn more](https://web.dev/duplicate-id-active/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"duplicate-id-aria": {
"id": "duplicate-id-aria",
@@ -2739,7 +2977,11 @@
"description": "The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://web.dev/duplicate-id-aria/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"form-field-multiple-labels": {
"id": "form-field-multiple-labels",
@@ -2761,7 +3003,11 @@
"description": "Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. [Learn more](https://web.dev/heading-order/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"html-has-lang": {
"id": "html-has-lang",
@@ -2769,7 +3015,11 @@
"description": "If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. [Learn more](https://web.dev/html-has-lang/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"html-lang-valid": {
"id": "html-lang-valid",
@@ -2777,7 +3027,11 @@
"description": "Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) helps screen readers announce text properly. [Learn more](https://web.dev/html-lang-valid/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"image-alt": {
"id": "image-alt",
@@ -2785,7 +3039,11 @@
"description": "Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. [Learn more](https://web.dev/image-alt/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"input-image-alt": {
"id": "input-image-alt",
@@ -2807,7 +3065,11 @@
"description": "Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. [Learn more](https://web.dev/link-name/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"list": {
"id": "list",
@@ -2815,7 +3077,11 @@
"description": "Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. [Learn more](https://web.dev/list/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"listitem": {
"id": "listitem",
@@ -2823,7 +3089,11 @@
"description": "Screen readers require list items (``) to be contained within a parent `` or `` to be announced properly. [Learn more](https://web.dev/listitem/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"meta-refresh": {
"id": "meta-refresh",
@@ -2838,7 +3108,11 @@
"description": "Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. [Learn more](https://web.dev/meta-viewport/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"object-alt": {
"id": "object-alt",
@@ -2853,7 +3127,11 @@
"description": "A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. [Learn more](https://web.dev/tabindex/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"td-headers-attr": {
"id": "td-headers-attr",
@@ -2966,7 +3244,9 @@
"type": "table",
"headings": [],
"items": [],
- "summary": { "wastedBytes": 0 }
+ "summary": {
+ "wastedBytes": 0
+ }
}
},
"total-byte-weight": {
@@ -2981,9 +3261,13 @@
"details": {
"type": "table",
"headings": [
- { "key": "url", "itemType": "url", "text": "URL" },
{
- "key": "totalBytes",
+ "key": "url",
+ "itemType": "url",
+ "text": "URL"
+ },
+ {
+ "key": "totalBytes",
"itemType": "bytes",
"text": "Transfer Size"
}
@@ -2993,7 +3277,10 @@
"url": "https://www.gstatic.com/og/_/js/k=og.qtm.en_US.dPyW-2_N-wg.O/rt=j/m=qabr,q_dnp,qcwid,qapid/exm=qaaw,qadd,qaid,qein,qhaw,qhbr,qhch,qhga,qhid,qhin,qhpr/d=1/ed=1/rs=AA2YrTshJ7rMgELB7P1bkV0inIKSumTmkw",
"totalBytes": 64594
},
- { "url": "https://www.google.com/", "totalBytes": 56007 },
+ {
+ "url": "https://www.google.com/",
+ "totalBytes": 56007
+ },
{
"url": "https://apis.google.com/_/scs/abc-static/_/js/k=gapi.gapi.en.Yozr9QYVVr4.O/m=gapi_iframes,googleapis_client/rt=j/sv=1/d=1/ed=1/rs=AHpOoo8ePFN_mLj5L9BxNRnarRImlQEt0w/cb=gapi.loaded_0",
"totalBytes": 37364
@@ -3129,19 +3416,26 @@
{
"key": "url",
"valueType": "url",
- "subItemsHeading": { "key": "source", "valueType": "code" },
+ "subItemsHeading": {
+ "key": "source",
+ "valueType": "code"
+ },
"label": "URL"
},
{
"key": "totalBytes",
"valueType": "bytes",
- "subItemsHeading": { "key": "sourceBytes" },
+ "subItemsHeading": {
+ "key": "sourceBytes"
+ },
"label": "Transfer Size"
},
{
"key": "wastedBytes",
"valueType": "bytes",
- "subItemsHeading": { "key": "sourceWastedBytes" },
+ "subItemsHeading": {
+ "key": "sourceWastedBytes"
+ },
"label": "Potential Savings"
}
],
@@ -3291,7 +3585,9 @@
{
"key": null,
"valueType": "code",
- "subItemsHeading": { "key": "signal" },
+ "subItemsHeading": {
+ "key": "signal"
+ },
"label": ""
},
{
@@ -3352,12 +3648,27 @@
"details": {
"type": "table",
"headings": [
- { "key": "statistic", "itemType": "text", "text": "Statistic" },
- { "key": "node", "itemType": "node", "text": "Element" },
- { "key": "value", "itemType": "numeric", "text": "Value" }
+ {
+ "key": "statistic",
+ "itemType": "text",
+ "text": "Statistic"
+ },
+ {
+ "key": "node",
+ "itemType": "node",
+ "text": "Element"
+ },
+ {
+ "key": "value",
+ "itemType": "numeric",
+ "text": "Value"
+ }
],
"items": [
- { "statistic": "Total DOM Elements", "value": 359 },
+ {
+ "statistic": "Total DOM Elements",
+ "value": 359
+ },
{
"node": {
"type": "node",
@@ -3407,7 +3718,11 @@
"description": "Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to a user action instead. [Learn more](https://web.dev/geolocation-on-start/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"inspector-issues": {
"id": "inspector-issues",
@@ -3415,7 +3730,11 @@
"description": "Issues logged to the `Issues` panel in Chrome Devtools indicate unresolved problems. They can come from network request failures, insufficient security controls, and other browser concerns. Open up the Issues panel in Chrome DevTools for more details on each issue.",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"no-document-write": {
"id": "no-document-write",
@@ -3423,7 +3742,11 @@
"description": "For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://web.dev/no-document-write/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"no-vulnerable-libraries": {
"id": "no-vulnerable-libraries",
@@ -3447,12 +3770,31 @@
"details": {
"type": "table",
"headings": [
- { "key": "name", "itemType": "text", "text": "Name" },
- { "key": "version", "itemType": "text", "text": "Version" }
+ {
+ "key": "name",
+ "itemType": "text",
+ "text": "Name"
+ },
+ {
+ "key": "version",
+ "itemType": "text",
+ "text": "Version"
+ }
+ ],
+ "items": [
+ {
+ "name": "Boq"
+ }
],
- "items": [{ "name": "Boq" }],
"summary": {},
- "debugData": { "type": "debugdata", "stacks": [{ "id": "boq" }] }
+ "debugData": {
+ "type": "debugdata",
+ "stacks": [
+ {
+ "id": "boq"
+ }
+ ]
+ }
}
},
"notification-on-start": {
@@ -3461,7 +3803,11 @@
"description": "Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. [Learn more](https://web.dev/notification-on-start/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"password-inputs-can-be-pasted-into": {
"id": "password-inputs-can-be-pasted-into",
@@ -3469,7 +3815,11 @@
"description": "Preventing password pasting undermines good security policy. [Learn more](https://web.dev/password-inputs-can-be-pasted-into/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"uses-http2": {
"id": "uses-http2",
@@ -3543,17 +3893,28 @@
"itemType": "source-location",
"text": "Source"
},
- { "key": "selector", "itemType": "code", "text": "Selector" },
+ {
+ "key": "selector",
+ "itemType": "code",
+ "text": "Selector"
+ },
{
"key": "coverage",
"itemType": "text",
"text": "% of Page Text"
},
- { "key": "fontSize", "itemType": "text", "text": "Font Size" }
+ {
+ "key": "fontSize",
+ "itemType": "text",
+ "text": "Font Size"
+ }
],
"items": [
{
- "source": { "type": "code", "value": "Legible text" },
+ "source": {
+ "type": "code",
+ "value": "Legible text"
+ },
"selector": "",
"coverage": "100.00%",
"fontSize": "≥ 12px"
@@ -3617,7 +3978,11 @@
"description": "Search engines are unable to include your pages in search results if they don't have permission to crawl them. [Learn more](https://web.dev/is-crawable/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"robots-txt": {
"id": "robots-txt",
@@ -3639,7 +4004,11 @@
"score": 1,
"scoreDisplayMode": "binary",
"displayValue": "100% appropriately sized tap targets",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"hreflang": {
"id": "hreflang",
@@ -3647,7 +4016,11 @@
"description": "hreflang links tell search engines what version of a page they should list in search results for a given language or region. [Learn more](https://web.dev/hreflang/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"plugins": {
"id": "plugins",
@@ -3655,7 +4028,11 @@
"description": "Search engines can't index plugin content, and many devices restrict plugins or don't support them. [Learn more](https://web.dev/plugins/).",
"score": 1,
"scoreDisplayMode": "binary",
- "details": { "type": "table", "headings": [], "items": [] }
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
},
"canonical": {
"id": "canonical",
@@ -3703,23 +4080,46 @@
{
"path": "/*",
"resourceSizes": [
- { "resourceType": "total", "budget": 1 },
- { "resourceType": "script", "budget": 150 }
+ {
+ "resourceType": "total",
+ "budget": 1
+ },
+ {
+ "resourceType": "script",
+ "budget": 150
+ }
],
"resourceCounts": [
- { "resourceType": "third-party", "budget": 100 }
+ {
+ "resourceType": "third-party",
+ "budget": 100
+ }
],
"timings": [
- { "metric": "interactive", "budget": 5000 },
- { "metric": "first-meaningful-paint", "budget": 2000 }
+ {
+ "metric": "interactive",
+ "budget": 5000
+ },
+ {
+ "metric": "first-meaningful-paint",
+ "budget": 2000
+ }
]
},
{
"path": "/checkout",
"options": {
- "firstPartyHostnames": ["*.my-site.com", "my-site.cdn.com"]
+ "firstPartyHostnames": [
+ "*.my-site.com",
+ "my-site.cdn.com"
+ ]
},
- "resourceSizes": [{ "resourceType": "script", "budget": 200 }]
+ "resourceSizes": [
+ {
+ "resourceType": "script",
+ "budget": 200
+ }
+ ]
}
],
"locale": "en-US",
@@ -3734,7 +4134,11 @@
"categories": {
"performance": {
"title": "Performance",
- "supportedModes": ["navigation", "timespan", "snapshot"],
+ "supportedModes": [
+ "navigation",
+ "timespan",
+ "snapshot"
+ ],
"auditRefs": [
{
"id": "first-contentful-paint",
@@ -3819,68 +4223,232 @@
"unsized-images"
]
},
- { "id": "max-potential-fid", "weight": 0, "group": "hidden" },
+ {
+ "id": "max-potential-fid",
+ "weight": 0,
+ "group": "hidden"
+ },
{
"id": "first-meaningful-paint",
"weight": 0,
"acronym": "FMP",
"group": "hidden"
},
- { "id": "render-blocking-resources", "weight": 0 },
- { "id": "uses-responsive-images", "weight": 0 },
- { "id": "offscreen-images", "weight": 0 },
- { "id": "unminified-css", "weight": 0 },
- { "id": "unminified-javascript", "weight": 0 },
- { "id": "unused-css-rules", "weight": 0 },
- { "id": "unused-javascript", "weight": 0 },
- { "id": "uses-optimized-images", "weight": 0 },
- { "id": "modern-image-formats", "weight": 0 },
- { "id": "uses-text-compression", "weight": 0 },
- { "id": "uses-rel-preconnect", "weight": 0 },
- { "id": "server-response-time", "weight": 0 },
- { "id": "redirects", "weight": 0 },
- { "id": "uses-rel-preload", "weight": 0 },
- { "id": "uses-http2", "weight": 0 },
- { "id": "efficient-animated-content", "weight": 0 },
- { "id": "duplicated-javascript", "weight": 0 },
- { "id": "legacy-javascript", "weight": 0 },
- { "id": "preload-lcp-image", "weight": 0 },
- { "id": "total-byte-weight", "weight": 0 },
- { "id": "uses-long-cache-ttl", "weight": 0 },
- { "id": "dom-size", "weight": 0 },
- { "id": "critical-request-chains", "weight": 0 },
- { "id": "user-timings", "weight": 0 },
- { "id": "bootup-time", "weight": 0 },
- { "id": "mainthread-work-breakdown", "weight": 0 },
- { "id": "font-display", "weight": 0 },
- { "id": "resource-summary", "weight": 0 },
- { "id": "third-party-summary", "weight": 0 },
- { "id": "third-party-facades", "weight": 0 },
- { "id": "largest-contentful-paint-element", "weight": 0 },
- { "id": "lcp-lazy-loaded", "weight": 0 },
- { "id": "layout-shift-elements", "weight": 0 },
- { "id": "uses-passive-event-listeners", "weight": 0 },
- { "id": "no-document-write", "weight": 0 },
- { "id": "long-tasks", "weight": 0 },
- { "id": "non-composited-animations", "weight": 0 },
- { "id": "unsized-images", "weight": 0 },
- { "id": "viewport", "weight": 0 },
- { "id": "no-unload-listeners", "weight": 0 },
- { "id": "performance-budget", "weight": 0, "group": "budgets" },
- { "id": "timing-budget", "weight": 0, "group": "budgets" },
- { "id": "network-requests", "weight": 0, "group": "hidden" },
- { "id": "network-rtt", "weight": 0, "group": "hidden" },
+ {
+ "id": "render-blocking-resources",
+ "weight": 0
+ },
+ {
+ "id": "uses-responsive-images",
+ "weight": 0
+ },
+ {
+ "id": "offscreen-images",
+ "weight": 0
+ },
+ {
+ "id": "unminified-css",
+ "weight": 0
+ },
+ {
+ "id": "unminified-javascript",
+ "weight": 0
+ },
+ {
+ "id": "unused-css-rules",
+ "weight": 0
+ },
+ {
+ "id": "unused-javascript",
+ "weight": 0
+ },
+ {
+ "id": "uses-optimized-images",
+ "weight": 0
+ },
+ {
+ "id": "modern-image-formats",
+ "weight": 0
+ },
+ {
+ "id": "uses-text-compression",
+ "weight": 0
+ },
+ {
+ "id": "uses-rel-preconnect",
+ "weight": 0
+ },
+ {
+ "id": "server-response-time",
+ "weight": 0
+ },
+ {
+ "id": "redirects",
+ "weight": 0
+ },
+ {
+ "id": "uses-rel-preload",
+ "weight": 0
+ },
+ {
+ "id": "uses-http2",
+ "weight": 0
+ },
+ {
+ "id": "efficient-animated-content",
+ "weight": 0
+ },
+ {
+ "id": "duplicated-javascript",
+ "weight": 0
+ },
+ {
+ "id": "legacy-javascript",
+ "weight": 0
+ },
+ {
+ "id": "preload-lcp-image",
+ "weight": 0
+ },
+ {
+ "id": "total-byte-weight",
+ "weight": 0
+ },
+ {
+ "id": "uses-long-cache-ttl",
+ "weight": 0
+ },
+ {
+ "id": "dom-size",
+ "weight": 0
+ },
+ {
+ "id": "critical-request-chains",
+ "weight": 0
+ },
+ {
+ "id": "user-timings",
+ "weight": 0
+ },
+ {
+ "id": "bootup-time",
+ "weight": 0
+ },
+ {
+ "id": "mainthread-work-breakdown",
+ "weight": 0
+ },
+ {
+ "id": "font-display",
+ "weight": 0
+ },
+ {
+ "id": "resource-summary",
+ "weight": 0
+ },
+ {
+ "id": "third-party-summary",
+ "weight": 0
+ },
+ {
+ "id": "third-party-facades",
+ "weight": 0
+ },
+ {
+ "id": "largest-contentful-paint-element",
+ "weight": 0
+ },
+ {
+ "id": "lcp-lazy-loaded",
+ "weight": 0
+ },
+ {
+ "id": "layout-shift-elements",
+ "weight": 0
+ },
+ {
+ "id": "uses-passive-event-listeners",
+ "weight": 0
+ },
+ {
+ "id": "no-document-write",
+ "weight": 0
+ },
+ {
+ "id": "long-tasks",
+ "weight": 0
+ },
+ {
+ "id": "non-composited-animations",
+ "weight": 0
+ },
+ {
+ "id": "unsized-images",
+ "weight": 0
+ },
+ {
+ "id": "viewport",
+ "weight": 0
+ },
+ {
+ "id": "no-unload-listeners",
+ "weight": 0
+ },
+ {
+ "id": "performance-budget",
+ "weight": 0,
+ "group": "budgets"
+ },
+ {
+ "id": "timing-budget",
+ "weight": 0,
+ "group": "budgets"
+ },
+ {
+ "id": "network-requests",
+ "weight": 0,
+ "group": "hidden"
+ },
+ {
+ "id": "network-rtt",
+ "weight": 0,
+ "group": "hidden"
+ },
{
"id": "network-server-latency",
"weight": 0,
"group": "hidden"
},
- { "id": "main-thread-tasks", "weight": 0, "group": "hidden" },
- { "id": "diagnostics", "weight": 0, "group": "hidden" },
- { "id": "metrics", "weight": 0, "group": "hidden" },
- { "id": "screenshot-thumbnails", "weight": 0, "group": "hidden" },
- { "id": "final-screenshot", "weight": 0, "group": "hidden" },
- { "id": "script-treemap-data", "weight": 0, "group": "hidden" }
+ {
+ "id": "main-thread-tasks",
+ "weight": 0,
+ "group": "hidden"
+ },
+ {
+ "id": "diagnostics",
+ "weight": 0,
+ "group": "hidden"
+ },
+ {
+ "id": "metrics",
+ "weight": 0,
+ "group": "hidden"
+ },
+ {
+ "id": "screenshot-thumbnails",
+ "weight": 0,
+ "group": "hidden"
+ },
+ {
+ "id": "final-screenshot",
+ "weight": 0,
+ "group": "hidden"
+ },
+ {
+ "id": "script-treemap-data",
+ "weight": 0,
+ "group": "hidden"
+ }
],
"id": "performance",
"score": 0.92
@@ -3889,19 +4457,46 @@
"title": "Accessibility",
"description": "These checks highlight opportunities to [improve the accessibility of your web app](https://web.dev/lighthouse-accessibility/). Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.",
"manualDescription": "These items address areas which an automated testing tool cannot cover. Learn more in our guide on [conducting an accessibility review](https://developers.google.com/web/fundamentals/accessibility/how-to-review).",
- "supportedModes": ["navigation", "snapshot"],
+ "supportedModes": [
+ "navigation",
+ "snapshot"
+ ],
"auditRefs": [
- { "id": "accesskeys", "weight": 0, "group": "a11y-navigation" },
- { "id": "aria-allowed-attr", "weight": 10, "group": "a11y-aria" },
- { "id": "aria-command-name", "weight": 0, "group": "a11y-aria" },
- { "id": "aria-hidden-body", "weight": 10, "group": "a11y-aria" },
- { "id": "aria-hidden-focus", "weight": 3, "group": "a11y-aria" },
+ {
+ "id": "accesskeys",
+ "weight": 0,
+ "group": "a11y-navigation"
+ },
+ {
+ "id": "aria-allowed-attr",
+ "weight": 10,
+ "group": "a11y-aria"
+ },
+ {
+ "id": "aria-command-name",
+ "weight": 0,
+ "group": "a11y-aria"
+ },
+ {
+ "id": "aria-hidden-body",
+ "weight": 10,
+ "group": "a11y-aria"
+ },
+ {
+ "id": "aria-hidden-focus",
+ "weight": 3,
+ "group": "a11y-aria"
+ },
{
"id": "aria-input-field-name",
"weight": 0,
"group": "a11y-aria"
},
- { "id": "aria-meter-name", "weight": 0, "group": "a11y-aria" },
+ {
+ "id": "aria-meter-name",
+ "weight": 0,
+ "group": "a11y-aria"
+ },
{
"id": "aria-progressbar-name",
"weight": 0,
@@ -3922,26 +4517,46 @@
"weight": 0,
"group": "a11y-aria"
},
- { "id": "aria-roles", "weight": 10, "group": "a11y-aria" },
+ {
+ "id": "aria-roles",
+ "weight": 10,
+ "group": "a11y-aria"
+ },
{
"id": "aria-toggle-field-name",
"weight": 0,
"group": "a11y-aria"
},
- { "id": "aria-tooltip-name", "weight": 0, "group": "a11y-aria" },
- { "id": "aria-treeitem-name", "weight": 0, "group": "a11y-aria" },
+ {
+ "id": "aria-tooltip-name",
+ "weight": 0,
+ "group": "a11y-aria"
+ },
+ {
+ "id": "aria-treeitem-name",
+ "weight": 0,
+ "group": "a11y-aria"
+ },
{
"id": "aria-valid-attr-value",
"weight": 10,
"group": "a11y-aria"
},
- { "id": "aria-valid-attr", "weight": 10, "group": "a11y-aria" },
+ {
+ "id": "aria-valid-attr",
+ "weight": 10,
+ "group": "a11y-aria"
+ },
{
"id": "button-name",
"weight": 10,
"group": "a11y-names-labels"
},
- { "id": "bypass", "weight": 3, "group": "a11y-navigation" },
+ {
+ "id": "bypass",
+ "weight": 3,
+ "group": "a11y-navigation"
+ },
{
"id": "color-contrast",
"weight": 3,
@@ -3952,7 +4567,11 @@
"weight": 0,
"group": "a11y-tables-lists"
},
- { "id": "dlitem", "weight": 0, "group": "a11y-tables-lists" },
+ {
+ "id": "dlitem",
+ "weight": 0,
+ "group": "a11y-tables-lists"
+ },
{
"id": "document-title",
"weight": 3,
@@ -3963,7 +4582,11 @@
"weight": 3,
"group": "a11y-navigation"
},
- { "id": "duplicate-id-aria", "weight": 10, "group": "a11y-aria" },
+ {
+ "id": "duplicate-id-aria",
+ "weight": 10,
+ "group": "a11y-aria"
+ },
{
"id": "form-field-multiple-labels",
"weight": 0,
@@ -3979,22 +4602,46 @@
"weight": 2,
"group": "a11y-navigation"
},
- { "id": "html-has-lang", "weight": 3, "group": "a11y-language" },
+ {
+ "id": "html-has-lang",
+ "weight": 3,
+ "group": "a11y-language"
+ },
{
"id": "html-lang-valid",
"weight": 3,
"group": "a11y-language"
},
- { "id": "image-alt", "weight": 10, "group": "a11y-names-labels" },
+ {
+ "id": "image-alt",
+ "weight": 10,
+ "group": "a11y-names-labels"
+ },
{
"id": "input-image-alt",
"weight": 0,
"group": "a11y-names-labels"
},
- { "id": "label", "weight": 0, "group": "a11y-names-labels" },
- { "id": "link-name", "weight": 3, "group": "a11y-names-labels" },
- { "id": "list", "weight": 3, "group": "a11y-tables-lists" },
- { "id": "listitem", "weight": 3, "group": "a11y-tables-lists" },
+ {
+ "id": "label",
+ "weight": 0,
+ "group": "a11y-names-labels"
+ },
+ {
+ "id": "link-name",
+ "weight": 3,
+ "group": "a11y-names-labels"
+ },
+ {
+ "id": "list",
+ "weight": 3,
+ "group": "a11y-tables-lists"
+ },
+ {
+ "id": "listitem",
+ "weight": 3,
+ "group": "a11y-tables-lists"
+ },
{
"id": "meta-refresh",
"weight": 0,
@@ -4005,8 +4652,16 @@
"weight": 10,
"group": "a11y-best-practices"
},
- { "id": "object-alt", "weight": 0, "group": "a11y-names-labels" },
- { "id": "tabindex", "weight": 3, "group": "a11y-navigation" },
+ {
+ "id": "object-alt",
+ "weight": 0,
+ "group": "a11y-names-labels"
+ },
+ {
+ "id": "tabindex",
+ "weight": 3,
+ "group": "a11y-navigation"
+ },
{
"id": "td-headers-attr",
"weight": 0,
@@ -4017,29 +4672,67 @@
"weight": 0,
"group": "a11y-tables-lists"
},
- { "id": "valid-lang", "weight": 0, "group": "a11y-language" },
+ {
+ "id": "valid-lang",
+ "weight": 0,
+ "group": "a11y-language"
+ },
{
"id": "video-caption",
"weight": 0,
"group": "a11y-audio-video"
},
- { "id": "logical-tab-order", "weight": 0 },
- { "id": "focusable-controls", "weight": 0 },
- { "id": "interactive-element-affordance", "weight": 0 },
- { "id": "managed-focus", "weight": 0 },
- { "id": "focus-traps", "weight": 0 },
- { "id": "custom-controls-labels", "weight": 0 },
- { "id": "custom-controls-roles", "weight": 0 },
- { "id": "visual-order-follows-dom", "weight": 0 },
- { "id": "offscreen-content-hidden", "weight": 0 },
- { "id": "use-landmarks", "weight": 0 }
+ {
+ "id": "logical-tab-order",
+ "weight": 0
+ },
+ {
+ "id": "focusable-controls",
+ "weight": 0
+ },
+ {
+ "id": "interactive-element-affordance",
+ "weight": 0
+ },
+ {
+ "id": "managed-focus",
+ "weight": 0
+ },
+ {
+ "id": "focus-traps",
+ "weight": 0
+ },
+ {
+ "id": "custom-controls-labels",
+ "weight": 0
+ },
+ {
+ "id": "custom-controls-roles",
+ "weight": 0
+ },
+ {
+ "id": "visual-order-follows-dom",
+ "weight": 0
+ },
+ {
+ "id": "offscreen-content-hidden",
+ "weight": 0
+ },
+ {
+ "id": "use-landmarks",
+ "weight": 0
+ }
],
"id": "accessibility",
"score": 0.98
},
"best-practices": {
"title": "Best Practices",
- "supportedModes": ["navigation", "timespan", "snapshot"],
+ "supportedModes": [
+ "navigation",
+ "timespan",
+ "snapshot"
+ ],
"auditRefs": [
{
"id": "is-on-https",
@@ -4129,23 +4822,85 @@
"title": "SEO",
"description": "These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on [Core Web Vitals](https://web.dev/learn-web-vitals/). [Learn more](https://support.google.com/webmasters/answer/35769).",
"manualDescription": "Run these additional validators on your site to check additional SEO best practices.",
- "supportedModes": ["navigation", "snapshot"],
+ "supportedModes": [
+ "navigation",
+ "snapshot"
+ ],
"auditRefs": [
- { "id": "viewport", "weight": 1, "group": "seo-mobile" },
- { "id": "document-title", "weight": 1, "group": "seo-content" },
- { "id": "meta-description", "weight": 1, "group": "seo-content" },
- { "id": "http-status-code", "weight": 1, "group": "seo-crawl" },
- { "id": "link-text", "weight": 1, "group": "seo-content" },
- { "id": "crawlable-anchors", "weight": 1, "group": "seo-crawl" },
- { "id": "is-crawlable", "weight": 1, "group": "seo-crawl" },
- { "id": "robots-txt", "weight": 1, "group": "seo-crawl" },
- { "id": "image-alt", "weight": 1, "group": "seo-content" },
- { "id": "hreflang", "weight": 1, "group": "seo-content" },
- { "id": "canonical", "weight": 0, "group": "seo-content" },
- { "id": "font-size", "weight": 1, "group": "seo-mobile" },
- { "id": "plugins", "weight": 1, "group": "seo-content" },
- { "id": "tap-targets", "weight": 1, "group": "seo-mobile" },
- { "id": "structured-data", "weight": 0 }
+ {
+ "id": "viewport",
+ "weight": 1,
+ "group": "seo-mobile"
+ },
+ {
+ "id": "document-title",
+ "weight": 1,
+ "group": "seo-content"
+ },
+ {
+ "id": "meta-description",
+ "weight": 1,
+ "group": "seo-content"
+ },
+ {
+ "id": "http-status-code",
+ "weight": 1,
+ "group": "seo-crawl"
+ },
+ {
+ "id": "link-text",
+ "weight": 1,
+ "group": "seo-content"
+ },
+ {
+ "id": "crawlable-anchors",
+ "weight": 1,
+ "group": "seo-crawl"
+ },
+ {
+ "id": "is-crawlable",
+ "weight": 1,
+ "group": "seo-crawl"
+ },
+ {
+ "id": "robots-txt",
+ "weight": 1,
+ "group": "seo-crawl"
+ },
+ {
+ "id": "image-alt",
+ "weight": 1,
+ "group": "seo-content"
+ },
+ {
+ "id": "hreflang",
+ "weight": 1,
+ "group": "seo-content"
+ },
+ {
+ "id": "canonical",
+ "weight": 0,
+ "group": "seo-content"
+ },
+ {
+ "id": "font-size",
+ "weight": 1,
+ "group": "seo-mobile"
+ },
+ {
+ "id": "plugins",
+ "weight": 1,
+ "group": "seo-content"
+ },
+ {
+ "id": "tap-targets",
+ "weight": 1,
+ "group": "seo-mobile"
+ },
+ {
+ "id": "structured-data",
+ "weight": 0
+ }
],
"id": "seo",
"score": 0.85
@@ -4154,34 +4909,71 @@
"title": "PWA",
"description": "These checks validate the aspects of a Progressive Web App. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist).",
"manualDescription": "These checks are required by the baseline [PWA Checklist](https://developers.google.com/web/progressive-web-apps/checklist) but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually.",
- "supportedModes": ["navigation"],
+ "supportedModes": [
+ "navigation"
+ ],
"auditRefs": [
{
"id": "installable-manifest",
"weight": 2,
"group": "pwa-installable"
},
- { "id": "service-worker", "weight": 1, "group": "pwa-optimized" },
- { "id": "splash-screen", "weight": 1, "group": "pwa-optimized" },
- { "id": "themed-omnibox", "weight": 1, "group": "pwa-optimized" },
- { "id": "content-width", "weight": 1, "group": "pwa-optimized" },
- { "id": "viewport", "weight": 2, "group": "pwa-optimized" },
+ {
+ "id": "service-worker",
+ "weight": 1,
+ "group": "pwa-optimized"
+ },
+ {
+ "id": "splash-screen",
+ "weight": 1,
+ "group": "pwa-optimized"
+ },
+ {
+ "id": "themed-omnibox",
+ "weight": 1,
+ "group": "pwa-optimized"
+ },
+ {
+ "id": "content-width",
+ "weight": 1,
+ "group": "pwa-optimized"
+ },
+ {
+ "id": "viewport",
+ "weight": 2,
+ "group": "pwa-optimized"
+ },
{
"id": "apple-touch-icon",
"weight": 1,
"group": "pwa-optimized"
},
- { "id": "maskable-icon", "weight": 1, "group": "pwa-optimized" },
- { "id": "pwa-cross-browser", "weight": 0 },
- { "id": "pwa-page-transitions", "weight": 0 },
- { "id": "pwa-each-page-has-url", "weight": 0 }
+ {
+ "id": "maskable-icon",
+ "weight": 1,
+ "group": "pwa-optimized"
+ },
+ {
+ "id": "pwa-cross-browser",
+ "weight": 0
+ },
+ {
+ "id": "pwa-page-transitions",
+ "weight": 0
+ },
+ {
+ "id": "pwa-each-page-has-url",
+ "weight": 0
+ }
],
"id": "pwa",
"score": 0.5
}
},
"categoryGroups": {
- "metrics": { "title": "Metrics" },
+ "metrics": {
+ "title": "Metrics"
+ },
"load-opportunities": {
"title": "Opportunities",
"description": "These suggestions can help your page load faster. They don't [directly affect](https://web.dev/performance-scoring/) the Performance score."
@@ -4194,8 +4986,12 @@
"title": "Diagnostics",
"description": "More information about the performance of your application. These numbers don't [directly affect](https://web.dev/performance-scoring/) the Performance score."
},
- "pwa-installable": { "title": "Installable" },
- "pwa-optimized": { "title": "PWA Optimized" },
+ "pwa-installable": {
+ "title": "Installable"
+ },
+ "pwa-optimized": {
+ "title": "PWA Optimized"
+ },
"a11y-best-practices": {
"title": "Best practices",
"description": "These items highlight common accessibility best practices."
@@ -4240,11 +5036,21 @@
"title": "Crawling and Indexing",
"description": "To appear in search results, crawlers need access to your app."
},
- "best-practices-trust-safety": { "title": "Trust and Safety" },
- "best-practices-ux": { "title": "User Experience" },
- "best-practices-browser-compat": { "title": "Browser Compatibility" },
- "best-practices-general": { "title": "General" },
- "hidden": { "title": "" }
+ "best-practices-trust-safety": {
+ "title": "Trust and Safety"
+ },
+ "best-practices-ux": {
+ "title": "User Experience"
+ },
+ "best-practices-browser-compat": {
+ "title": "Browser Compatibility"
+ },
+ "best-practices-general": {
+ "title": "General"
+ },
+ "hidden": {
+ "title": ""
+ }
},
"stackPacks": [],
"timing": {
@@ -5627,31 +6433,45 @@
],
"lighthouse-core/lib/i18n/i18n.js | seconds": [
{
- "values": { "timeInMs": 1995.7740000000003 },
+ "values": {
+ "timeInMs": 1995.7740000000003
+ },
"path": "audits[first-contentful-paint].displayValue"
},
{
- "values": { "timeInMs": 2084.2740000000003 },
+ "values": {
+ "timeInMs": 2084.2740000000003
+ },
"path": "audits[largest-contentful-paint].displayValue"
},
{
- "values": { "timeInMs": 2043.2740000000003 },
+ "values": {
+ "timeInMs": 2043.2740000000003
+ },
"path": "audits[first-meaningful-paint].displayValue"
},
{
- "values": { "timeInMs": 2142.2544222584984 },
+ "values": {
+ "timeInMs": 2142.2544222584984
+ },
"path": "audits[speed-index].displayValue"
},
{
- "values": { "timeInMs": 4745.307000000001 },
+ "values": {
+ "timeInMs": 4745.307000000001
+ },
"path": "audits.interactive.displayValue"
},
{
- "values": { "timeInMs": 1130.460000000001 },
+ "values": {
+ "timeInMs": 1130.460000000001
+ },
"path": "audits[mainthread-work-breakdown].displayValue"
},
{
- "values": { "timeInMs": 485.0000000000005 },
+ "values": {
+ "timeInMs": 485.0000000000005
+ },
"path": "audits[bootup-time].displayValue"
}
],
@@ -5682,19 +6502,27 @@
],
"lighthouse-core/lib/i18n/i18n.js | ms": [
{
- "values": { "timeInMs": 205.82200000000012 },
+ "values": {
+ "timeInMs": 205.82200000000012
+ },
"path": "audits[total-blocking-time].displayValue"
},
{
- "values": { "timeInMs": 129 },
+ "values": {
+ "timeInMs": 129
+ },
"path": "audits[max-potential-fid].displayValue"
},
{
- "values": { "timeInMs": 49.644000000000005 },
+ "values": {
+ "timeInMs": 49.644000000000005
+ },
"path": "audits[network-rtt].displayValue"
},
{
- "values": { "timeInMs": 45.541000000000004 },
+ "values": {
+ "timeInMs": 45.541000000000004
+ },
"path": "audits[network-server-latency].displayValue"
}
],
@@ -5724,7 +6552,9 @@
],
"lighthouse-core/audits/server-response-time.js | displayValue": [
{
- "values": { "timeInMs": 153.964 },
+ "values": {
+ "timeInMs": 153.964
+ },
"path": "audits[server-response-time].displayValue"
}
],
@@ -5768,7 +6598,9 @@
],
"lighthouse-core/audits/critical-request-chains.js | displayValue": [
{
- "values": { "itemCount": 3 },
+ "values": {
+ "itemCount": 3
+ },
"path": "audits[critical-request-chains].displayValue"
}
],
@@ -5780,7 +6612,9 @@
],
"lighthouse-core/lib/i18n/i18n.js | displayValueMsSavings": [
{
- "values": { "wastedMs": 850.2330000000001 },
+ "values": {
+ "wastedMs": 850.2330000000001
+ },
"path": "audits.redirects.displayValue"
}
],
@@ -5955,7 +6789,10 @@
],
"lighthouse-core/audits/resource-summary.js | displayValue": [
{
- "values": { "requestCount": 16, "byteCount": 205774 },
+ "values": {
+ "requestCount": 16,
+ "byteCount": 205774
+ },
"path": "audits[resource-summary].displayValue"
}
],
@@ -5985,7 +6822,9 @@
],
"lighthouse-core/audits/third-party-summary.js | displayValue": [
{
- "values": { "timeInMs": 46.324 },
+ "values": {
+ "timeInMs": 46.324
+ },
"path": "audits[third-party-summary].displayValue"
}
],
@@ -6009,7 +6848,9 @@
],
"lighthouse-core/lib/i18n/i18n.js | displayValueElementsFound": [
{
- "values": { "nodeCount": 1 },
+ "values": {
+ "nodeCount": 1
+ },
"path": "audits[largest-contentful-paint-element].displayValue"
}
],
@@ -6038,7 +6879,9 @@
],
"lighthouse-core/audits/long-tasks.js | displayValue": [
{
- "values": { "itemCount": 5 },
+ "values": {
+ "itemCount": 5
+ },
"path": "audits[long-tasks].displayValue"
}
],
@@ -6392,7 +7235,9 @@
],
"lighthouse-core/audits/byte-efficiency/uses-long-cache-ttl.js | displayValue": [
{
- "values": { "itemCount": 0 },
+ "values": {
+ "itemCount": 0
+ },
"path": "audits[uses-long-cache-ttl].displayValue"
}
],
@@ -6404,7 +7249,9 @@
],
"lighthouse-core/audits/byte-efficiency/total-byte-weight.js | displayValue": [
{
- "values": { "totalBytes": 205774 },
+ "values": {
+ "totalBytes": 205774
+ },
"path": "audits[total-byte-weight].displayValue"
}
],
@@ -6446,11 +7293,15 @@
],
"lighthouse-core/lib/i18n/i18n.js | displayValueByteSavings": [
{
- "values": { "wastedBytes": 68948 },
+ "values": {
+ "wastedBytes": 68948
+ },
"path": "audits[unused-javascript].displayValue"
},
{
- "values": { "wastedBytes": 7475 },
+ "values": {
+ "wastedBytes": 7475
+ },
"path": "audits[legacy-javascript].displayValue"
}
],
@@ -6520,7 +7371,9 @@
],
"lighthouse-core/audits/dobetterweb/dom-size.js | displayValue": [
{
- "values": { "itemCount": 359 },
+ "values": {
+ "itemCount": 359
+ },
"path": "audits[dom-size].displayValue"
}
],
@@ -6623,7 +7476,9 @@
],
"lighthouse-core/audits/seo/font-size.js | displayValue": [
{
- "values": { "decimalProportion": 1 },
+ "values": {
+ "decimalProportion": 1
+ },
"path": "audits[font-size].displayValue"
}
],
@@ -6674,7 +7529,9 @@
],
"lighthouse-core/audits/seo/tap-targets.js | displayValue": [
{
- "values": { "decimalProportion": 1 },
+ "values": {
+ "decimalProportion": 1
+ },
"path": "audits[tap-targets].displayValue"
}
],
diff --git a/packages/cli/src/lib/commands/assert/index.ts b/packages/cli/src/lib/commands/assert/index.ts
index 76e4f8316..d8f09c764 100644
--- a/packages/cli/src/lib/commands/assert/index.ts
+++ b/packages/cli/src/lib/commands/assert/index.ts
@@ -4,7 +4,7 @@ import { readBudgets } from './utils/budgets';
import { readFile } from '../../core/file';
import { getCollectCommandOptionsFromArgv } from '../collect/utils/params';
import { RcJson } from '../../types';
-import { generateMdReport } from '../collect/utils/persist/utils';
+import { generateMdReport } from './utils/md-report';
export const assertCommand: YargsCommandObject = {
command: 'assert',
diff --git a/packages/cli/src/lib/commands/assert/utils/md-report.test.ts b/packages/cli/src/lib/commands/assert/utils/md-report.test.ts
index d5e5932a9..db5ad3218 100644
--- a/packages/cli/src/lib/commands/assert/utils/md-report.test.ts
+++ b/packages/cli/src/lib/commands/assert/utils/md-report.test.ts
@@ -1,11 +1,13 @@
-import { userFlowReportToMdTable } from './md-report';
+import { getBudgetTable, getStepsTable } from './md-report';
import FlowResult from 'lighthouse/types/lhr/flow';
import { getReportContent } from 'test-data';
+import { writeFileSync } from 'fs';
import { ReducedReport } from '../../collect/utils/report/types';
import { createReducedReport, enrichReducedReportWithBaseline } from '../../collect/utils/report/utils';
const lhr8 = getReportContent('lhr-8.json');
const lhr9 = getReportContent('lhr-9.json');
+const lhr9budgets = getReportContent('lhr-9-budgets.json');
const LHRREDUCEDMD = getReportContent('lhr-9_reduced.md');
const lhr9Ex2 = getReportContent('lhr-9-ex-2.json');
const lhr9reduced = getReportContent('lhr-9_reduced.json');
@@ -34,15 +36,22 @@ describe('md-table', () => {
expect(enrichedReducedLhr9).toEqual(lhr9ReducedBaseline);
});
- it('should print MD table if userFlowReportToMdTable is called with a reduced result', () => {
+ it('should print MD table if getStepsTable is called with a reduced result', () => {
const reducedLhr9 = createReducedReport(lhr9);
- const mdTable = userFlowReportToMdTable(reducedLhr9);
+ const mdTable = getStepsTable(reducedLhr9);
expect(mdTable).toEqual(LHRREDUCEDMD);
});
- it('should return a Md table comparing to reports if userFlowReportToMdTable is passed a baseline report', () => {
+ it('should return a Md table comparing to reports if getStepsTable is passed a baseline report', () => {
const reducedLhr9 = createReducedReport(lhr9);
- const mdTable = userFlowReportToMdTable(reducedLhr9, lhr9Ex2);
+ const mdTable = getStepsTable(reducedLhr9, lhr9Ex2);
expect(mdTable).toEqual(LHRREDUCEDCompareMD);
});
+
+ it('should return a Md table if getBudgetTable is passed a baseline report', () => {
+ const reducedLhr9 = createReducedReport(lhr9budgets);
+ const mdTable = getBudgetTable(reducedLhr9);
+ expect(mdTable).toContain('| Resource Type | Requests | Transfer Size |');
+ expect(mdTable).toContain('| Metric | Measurement | Over Budget |');
+ });
});
diff --git a/packages/cli/src/lib/commands/assert/utils/md-report.ts b/packages/cli/src/lib/commands/assert/utils/md-report.ts
index 981b89595..d93c349de 100644
--- a/packages/cli/src/lib/commands/assert/utils/md-report.ts
+++ b/packages/cli/src/lib/commands/assert/utils/md-report.ts
@@ -1,8 +1,80 @@
-import { FractionResults, ReducedFlowStep, ReducedReport } from '../../collect/utils/report/types';
+import { FractionResults, GatherMode, ReducedFlowStep, ReducedReport } from '../../collect/utils/report/types';
import { enrichReducedReportWithBaseline } from '../../collect/utils/report/utils';
import { Alignment, table } from '../../../core/md/table';
+import { style } from '../../../core/md/font-style';
+import { headline, Hierarchy } from '../../../core/md/headline';
+import { NEW_LINE } from '../../../core/md/constants';
+import { details } from '../../../core/md/details';
+
+const budgetsSymbol = '🔒'
+
+export function generateMdReport(flowResult: ReducedReport): string {
+ const name = flowResult.name;
+ const dateTime = `Date/Time: ${style(new Date().toISOString().replace('T', ' ').split('.')[0].slice(0, -3))} `;
+ const stepsTable = getStepsTable(flowResult);
+
+ let md = `${headline(name)}${NEW_LINE}
+${dateTime}${NEW_LINE}
+${stepsTable}${NEW_LINE}
+`;
+
+ const budgetsTable = getBudgetTable(flowResult);
+ if(budgetsTable !== '') {
+ md += details(`${budgetsSymbol} Budgets`, budgetsTable) + NEW_LINE;
+ }
+
+
+ return md;
+}
+
+/**
+ * ## Navigation report (127.0.0.1/)
+ *
+ * | Resource Type | Requests | Transfer Size | Over Budget |
+ * | :-----------: | :------: | :-----------: | :---------: |
+ * | Total | 205774 | total | 204750 |
+ * | Script | 101958 | script | - |
+ * | Third-party | 97308 | third-party | - |
+ *
+ * | Metric | Measurement | Over Budget |
+ * | :--------------------: | :---------: | :---------: |
+ * | First Meaningful Paint | 2043 | 43 |
+ * | Time to Interactive | 4745 | - |
+ *
+ */
+export function getBudgetTable(reducedReport: ReducedReport, options: {heading: Hierarchy} = {heading: 3}): string {
+ const performanceBudgets = reducedReport.steps
+ .filter(({ resultsPerformanceBudget, resultsTimingBudget }) => resultsPerformanceBudget || resultsTimingBudget)
+ .map(({ name, resultsPerformanceBudget, resultsTimingBudget }) => ({
+ name,
+ resultsPerformanceBudget: resultsPerformanceBudget !== undefined ? [
+ resultsPerformanceBudget.headings
+ .map((h) => h.text as string),
+ ...resultsPerformanceBudget.items.map(
+ ({label, transferSize, requestCount, sizeOverBudget, countOverBudget}) =>
+ [label, requestCount, formatBytes(transferSize as number), sizeOverBudget ? formatBytes(sizeOverBudget as number) : '-', countOverBudget || '-'] as (string|number)[]) || []
+ ] : [],
+ resultsTimingBudget: resultsTimingBudget !== undefined ? [
+ resultsTimingBudget.headings.map(h => h.text as string),
+ ...resultsTimingBudget.items.map(({label, measurement, overBudget}) =>
+ [label, measurement + ' ms', overBudget ? `${overBudget} ms` : '-'] as (string|number)[]) || []
+ ] : []
+ })
+ );
+ return performanceBudgets.length ? performanceBudgets.map(b => {
+ let md = headline(b.name, options.heading) + NEW_LINE + NEW_LINE;
+ if(b.resultsPerformanceBudget !== undefined) {
+ md += style('Resource Budget') + NEW_LINE+ NEW_LINE;
+ md += table(b.resultsPerformanceBudget) + NEW_LINE + NEW_LINE
+ }
+ if(b.resultsTimingBudget !== undefined) {
+ md += style('Timing Budget') + NEW_LINE+ NEW_LINE;
+ md += (b.resultsPerformanceBudget ? NEW_LINE : '') + table(b.resultsTimingBudget) + NEW_LINE;
+ }
+ return md;
+ }).join(NEW_LINE) : '';
+}
-// import FlowResult from 'lighthouse/types/lhr/flow';
/**
* | Step Name | Gather Mode |Performance | Accessibility | BestPractices | Seo | PWA |
@@ -11,7 +83,7 @@ import { Alignment, table } from '../../../core/md/table';
* | Snap 1 | 3/3 | 22/5 | 5/2 | 7/10 | - |
* | TimeSpan 1 | 10/11 | - | 4/7 | 7/10 | - |
*/
-export function userFlowReportToMdTable(reducedReport: ReducedReport, baselineResults?: any): string {
+export function getStepsTable(reducedReport: ReducedReport, baselineResults?: any): string {
const reportCategories = Object.keys(reducedReport.steps[0].results);
const tableStepsArr = formatStepsForMdTable(reportCategories, reducedReport, baselineResults);
const alignOptions = headerAlignment(reportCategories);
@@ -29,13 +101,26 @@ function formatStepsForMdTable(reportCategories: string[], reducedReport: Reduce
}
return reducedReport.steps.map((step) => {
const results = reportCategories.map(category => extractResultsValue(step.results[category]));
- // add 🔒 to gatherMode to indicate budgets
- step.resultsPerformanceBudget && (step.gatherMode = step.gatherMode + ' 🔒' as any);
+ // add `budgetsSymbol` to gatherMode to indicate budgets
+ step.resultsPerformanceBudget && (step.gatherMode = step.gatherMode + ` ${budgetsSymbol}` as GatherMode);
return [step.name, step.gatherMode].concat(results);
});
}
-function extractTableArr(reportCategories: string[], steps: any[]): string[][] {
+function formatBytes(bytes: number, decimals = 2) {
+ if (!+bytes) return '0 Bytes'
+
+ const k = 1024
+ const dm = decimals < 0 ? 0 : decimals
+ const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+
+ const i = Math.floor(Math.log(bytes) / Math.log(k))
+
+ return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
+}
+
+
+function extractTableArr(reportCategories: string[], steps: any[]): string[][] {
const tableHead = extractTableHead(reportCategories);
return [tableHead].concat(steps);
}
@@ -61,11 +146,11 @@ function extractResultsValue(stepResult?: number | FractionResults): string {
function extractEnrichedResults(step: ReducedFlowStep, category: string): string {
const result = extractResultsValue(step.results[category]);
const baseline = extractResultsValue(step.baseline![category]);
- return resultWithBaselineComparison(result, baseline)
+ return resultWithBaselineComparison(result, baseline);
}
function resultWithBaselineComparison(result: string, baseline: string): string {
- if (result === baseline) {
+ if (result === baseline) {
return result;
}
const resultNum = Number(result.replace('Ø ', '').split('/')[0]);
@@ -74,7 +159,8 @@ function resultWithBaselineComparison(result: string, baseline: string): string
return `${result} (${difference > 0 ? '+' : ''}${difference})`;
}
-function headerAlignment(reportCategories: string[]): Alignment[] {
+function headerAlignment(reportCategories: string[]): Alignment[] {
const reportFormats = reportCategories.map(_ => 'c');
return ['l', 'c'].concat(reportFormats) as Alignment[];
}
+
diff --git a/packages/cli/src/lib/commands/collect/utils/persist/persist-flow.ts b/packages/cli/src/lib/commands/collect/utils/persist/persist-flow.ts
index d2e1ca2ad..2ee4e4a2c 100644
--- a/packages/cli/src/lib/commands/collect/utils/persist/persist-flow.ts
+++ b/packages/cli/src/lib/commands/collect/utils/persist/persist-flow.ts
@@ -5,11 +5,11 @@ import { join } from 'path';
import { writeFile } from '../../../../core/file';
import { existsSync, mkdirSync } from 'fs';
import { PersistFlowOptions } from './types';
-import { generateMdReport } from './utils';
import { createReducedReport } from '../../../..';
import { generateStdoutReport } from '../persist/utils';
import { toReportName } from '../report/utils';
import { ReducedReport } from '../report/types';
+import { generateMdReport } from '../../../assert/utils/md-report';
export async function persistFlow(
flow: UserFlow,
diff --git a/packages/cli/src/lib/commands/collect/utils/persist/utils.ts b/packages/cli/src/lib/commands/collect/utils/persist/utils.ts
index 31691ca00..fec1718bd 100644
--- a/packages/cli/src/lib/commands/collect/utils/persist/utils.ts
+++ b/packages/cli/src/lib/commands/collect/utils/persist/utils.ts
@@ -1,25 +1,12 @@
-import { NEW_LINE } from '../../../../core/md/constants';
-import { headline } from '../../../../core/md/headline';
-import { style } from '../../../../core/md/font-style';
import { ReducedReport } from '../report/types';
-import { userFlowReportToMdTable } from '../../../assert/utils/md-report';
+import { getStepsTable } from '../../../assert/utils/md-report';
export function generateStdoutReport(flowResult: ReducedReport): string {
const dateTime = new Date().toISOString().replace('T', ' ').split('.')[0].slice(0, -3);
- const mdTable = userFlowReportToMdTable(flowResult);
+ const mdTable = getStepsTable(flowResult);
return `# ${flowResult.name}\n\nDate/Time: ${dateTime}\n\n${mdTable}`;
}
-export function generateMdReport(flowResult: ReducedReport): string {
- const name = flowResult.name;
- const dateTime = `Date/Time: ${style(new Date().toISOString().replace('T', ' ').split('.')[0].slice(0, -3))} `;
- const mdTable = userFlowReportToMdTable(flowResult);
-
- return `${headline(name)}${NEW_LINE}
-${dateTime}${NEW_LINE}
-${mdTable}`;
-}
-
export function dateToIsoLikeString(date: Date): string {
return isoDateStringToIsoLikeString(date.toISOString());
}
diff --git a/packages/cli/src/lib/commands/collect/utils/report/lh-utils.ts b/packages/cli/src/lib/commands/collect/utils/report/lh-utils.ts
index 414234a6f..0ca23f079 100644
--- a/packages/cli/src/lib/commands/collect/utils/report/lh-utils.ts
+++ b/packages/cli/src/lib/commands/collect/utils/report/lh-utils.ts
@@ -24,7 +24,10 @@ export function parseSteps(steps: FlowResult.Step[]): ReducedFlowStep[] {
results
};
if(step.lhr.audits['performance-budget']) {
- reducedStep.resultsPerformanceBudget = step.lhr.audits['performance-budget'].details
+ reducedStep.resultsPerformanceBudget = step.lhr.audits['performance-budget'].details as any
+ }
+ if(step.lhr.audits['timing-budget']) {
+ reducedStep.resultsTimingBudget = step.lhr.audits['timing-budget'].details as any
}
return reducedStep;
});
diff --git a/packages/cli/src/lib/commands/collect/utils/report/types.ts b/packages/cli/src/lib/commands/collect/utils/report/types.ts
index 69f8d6dc2..8b495f8d6 100644
--- a/packages/cli/src/lib/commands/collect/utils/report/types.ts
+++ b/packages/cli/src/lib/commands/collect/utils/report/types.ts
@@ -3,12 +3,15 @@ import Config from 'lighthouse/types/config';
import { CLI_MODES } from '../../../../global/cli-mode';
import { PickOne } from '../../../../core/types';
import FlowResult from 'lighthouse/types/lhr/flow';
+import Details from 'lighthouse/types/lhr/audit-details';
type OverBudget = { overBudget: number };
-type BudgetAssertion = (Budget.ResourceBudget & OverBudget | Budget.TimingBudget & OverBudget)[];
+type BudgetAssertion = (Budget.ResourceBudget & OverBudget | Budget.TimingBudget & OverBudget);
type UfrSlice = PickOne;
type LhrSlice = PickOne;
+
+export type GatherMode = FlowResult.Step['lhr']['gatherMode'];
/**
* Plucks key value from oroginal LH report
* @example
@@ -17,7 +20,7 @@ type LhrSlice = PickOne;
* const f1: GatherModeSlice = {gatherMode: 'timespan'};
* const f2: GatherModeSlice = {gatherMode: 'snapshot'};
*/
-type LhrGatherModeSlice = LhrSlice & { gatherMode: FlowResult.Step['lhr']['gatherMode'] };
+type LhrGatherModeSlice = LhrSlice & { gatherMode: GatherMode };
type UfrNameSlice = UfrSlice & { name: string };
@@ -39,7 +42,8 @@ export type ReducedFlowStep =
name: string;
fetchTime: string;
results: ReducedFlowStepResult;
- resultsPerformanceBudget?: any,
+ resultsPerformanceBudget?: Details.Table,
+ resultsTimingBudget?: Details.Table,
baseline?: ReducedFlowStepResult;
};
diff --git a/packages/cli/src/lib/core/md/details.ts b/packages/cli/src/lib/core/md/details.ts
index 057a29c02..8625315ca 100644
--- a/packages/cli/src/lib/core/md/details.ts
+++ b/packages/cli/src/lib/core/md/details.ts
@@ -6,7 +6,7 @@ import { NEW_LINE } from './constants';
* {content}
*
*/
-export function details(title: string, content: string, cfg: { open: boolean } = { open: true }): string {
+export function details(title: string, content: string, cfg: { open: boolean } = { open: false }): string {
return `${NEW_LINE}
${title} ${NEW_LINE}
${content}${NEW_LINE}
diff --git a/packages/cli/src/lib/core/md/table.ts b/packages/cli/src/lib/core/md/table.ts
index a75c380eb..14338c186 100644
--- a/packages/cli/src/lib/core/md/table.ts
+++ b/packages/cli/src/lib/core/md/table.ts
@@ -10,7 +10,8 @@ const alignString = new Map([['l', ':--'],['c', ':--:'],['r',
* | String 1 | 2 |
* | String 1 | 3 |
*/
-export function table(data: string[][], align: Alignment[]): string {
+export function table(data: (string|number)[][], align?: Alignment[]): string {
+ align = align || data[0].map(_ => 'c');
const _data = data.map((arr) => arr.join('|'));
const secondRow = align.map((s) => alignString.get(s)).join('|');
return formatCode(_data.shift() + '\n' + secondRow + '\n' + _data.join('\n'), 'markdown');
diff --git a/packages/cli/src/lib/index.ts b/packages/cli/src/lib/index.ts
index d5d830436..814865503 100644
--- a/packages/cli/src/lib/index.ts
+++ b/packages/cli/src/lib/index.ts
@@ -3,7 +3,7 @@ export { ERROR_PERSIST_FORMAT_WRONG } from './commands/collect/options/format.co
export { getGlobalOptionsFromArgv } from './global/utils';
export { SETUP_CONFIRM_MESSAGE } from './commands/init/constants';
export { PROMPT_COLLECT_URL } from './commands/collect/options/url.constant';
-export { userFlowReportToMdTable } from './commands/assert/utils/md-report';
+export { getStepsTable } from './commands/assert/utils/md-report';
export { PROMPT_COLLECT_UF_PATH } from './commands/collect/options/ufPath.constant';
export { PROMPT_PERSIST_OUT_PATH } from './commands/collect/options/outPath.constant';
export { PROMPT_PERSIST_FORMAT } from './commands/collect/options/format.constant';
diff --git a/packages/test-data/src/lib/raw-reports/budget-table.md b/packages/test-data/src/lib/raw-reports/budget-table.md
new file mode 100644
index 000000000..8a45b0540
--- /dev/null
+++ b/packages/test-data/src/lib/raw-reports/budget-table.md
@@ -0,0 +1,12 @@
+## Navigation report (127.0.0.1/)
+
+| Resource Type | Requests | Transfer Size | Over Budget |
+| :-----------: | :------: | :-----------: | :---------: |
+| Total | 205774 | total | 204750 |
+| Script | 101958 | script | - |
+| Third-party | 97308 | third-party | - |
+
+| Metric | Measurement | Over Budget |
+| :--------------------: | :---------: | :---------: |
+| First Meaningful Paint | 2043 | 43 |
+| Time to Interactive | 4745 | - |
diff --git a/packages/test-data/src/lib/raw-reports/lhr-9-budgets.json b/packages/test-data/src/lib/raw-reports/lhr-9-budgets.json
new file mode 100644
index 000000000..49fb8fd24
--- /dev/null
+++ b/packages/test-data/src/lib/raw-reports/lhr-9-budgets.json
@@ -0,0 +1,9291 @@
+{
+ "steps": [
+ {
+ "lhr": {
+ "lighthouseVersion": "9.5.0",
+ "requestedUrl": "http://127.0.0.1:5032/",
+ "finalUrl": "http://127.0.0.1:5032/",
+ "fetchTime": "2022-04-21T21:47:59.033Z",
+ "gatherMode": "navigation",
+ "runtimeError": {
+ "code": "PROTOCOL_TIMEOUT",
+ "message": "Waiting for DevTools protocol response has exceeded the allotted time. (Method: Page.captureScreenshot)"
+ },
+ "runWarnings": [],
+ "userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4889.0 Safari/537.36",
+ "environment": {
+ "networkUserAgent": "",
+ "hostUserAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4889.0 Safari/537.36",
+ "benchmarkIndex": 601.5,
+ "credits": { "axe-core": "4.3.5" }
+ },
+ "audits": {
+ "is-on-https": {
+ "id": "is-on-https",
+ "title": "Uses HTTPS",
+ "description": "All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding [mixed content](https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content), where some resources are loaded over HTTP despite the initial request being served over HTTPS. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://web.dev/is-on-https/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "service-worker": {
+ "id": "service-worker",
+ "title": "Does not register a service worker that controls page and `start_url`",
+ "description": "The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. [Learn more](https://web.dev/service-worker/).",
+ "score": 0,
+ "scoreDisplayMode": "binary"
+ },
+ "viewport": {
+ "id": "viewport",
+ "title": "Has a ` ` tag with `width` or `initial-scale`",
+ "description": "A ` ` not only optimizes your app for mobile screen sizes, but also prevents [a 300 millisecond delay to user input](https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away). [Learn more](https://web.dev/viewport/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "warnings": []
+ },
+ "first-contentful-paint": {
+ "id": "first-contentful-paint",
+ "title": "First Contentful Paint",
+ "description": "First Contentful Paint marks the time at which the first text or image is painted. [Learn more](https://web.dev/first-contentful-paint/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 724.2656,
+ "numericUnit": "millisecond",
+ "displayValue": "0.7 s"
+ },
+ "largest-contentful-paint": {
+ "id": "largest-contentful-paint",
+ "title": "Largest Contentful Paint",
+ "description": "Largest Contentful Paint marks the time at which the largest text or image is painted. [Learn more](https://web.dev/lighthouse-largest-contentful-paint/)",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 724.2656,
+ "numericUnit": "millisecond",
+ "displayValue": "0.7 s"
+ },
+ "first-meaningful-paint": {
+ "id": "first-meaningful-paint",
+ "title": "First Meaningful Paint",
+ "description": "First Meaningful Paint measures when the primary content of a page is visible. [Learn more](https://web.dev/first-meaningful-paint/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 724.2656,
+ "numericUnit": "millisecond",
+ "displayValue": "0.7 s"
+ },
+ "speed-index": {
+ "id": "speed-index",
+ "title": "Speed Index",
+ "description": "Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://web.dev/speed-index/).",
+ "score": null,
+ "scoreDisplayMode": "error",
+ "errorMessage": "Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (NO_SCREENSHOTS)"
+ },
+ "screenshot-thumbnails": {
+ "id": "screenshot-thumbnails",
+ "title": "Screenshot Thumbnails",
+ "description": "This is what the load of your site looked like.",
+ "score": null,
+ "scoreDisplayMode": "error",
+ "errorMessage": "Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (NO_SCREENSHOTS)"
+ },
+ "final-screenshot": {
+ "id": "final-screenshot",
+ "title": "Final Screenshot",
+ "description": "The last screenshot captured of the pageload.",
+ "score": null,
+ "scoreDisplayMode": "error",
+ "errorMessage": "Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (NO_SCREENSHOTS)"
+ },
+ "total-blocking-time": {
+ "id": "total-blocking-time",
+ "title": "Total Blocking Time",
+ "description": "Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. [Learn more](https://web.dev/lighthouse-total-blocking-time/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 29.5,
+ "numericUnit": "millisecond",
+ "displayValue": "30 ms"
+ },
+ "max-potential-fid": {
+ "id": "max-potential-fid",
+ "title": "Max Potential First Input Delay",
+ "description": "The maximum potential First Input Delay that your users could experience is the duration of the longest task. [Learn more](https://web.dev/lighthouse-max-potential-fid/).",
+ "score": 0.95,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 106,
+ "numericUnit": "millisecond",
+ "displayValue": "110 ms"
+ },
+ "cumulative-layout-shift": {
+ "id": "cumulative-layout-shift",
+ "title": "Cumulative Layout Shift",
+ "description": "Cumulative Layout Shift measures the movement of visible elements within the viewport. [Learn more](https://web.dev/cls/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 0,
+ "numericUnit": "unitless",
+ "displayValue": "0",
+ "details": {
+ "type": "debugdata",
+ "items": [
+ {
+ "cumulativeLayoutShiftMainFrame": 0,
+ "totalCumulativeLayoutShift": 0
+ }
+ ]
+ }
+ },
+ "errors-in-console": {
+ "id": "errors-in-console",
+ "title": "Browser errors were logged to the console",
+ "description": "Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. [Learn more](https://web.dev/errors-in-console/)",
+ "score": 0,
+ "scoreDisplayMode": "binary",
+ "details": {
+ "type": "table",
+ "headings": [
+ {
+ "key": "sourceLocation",
+ "itemType": "source-location",
+ "text": "Source"
+ },
+ {
+ "key": "description",
+ "itemType": "code",
+ "text": "Description"
+ }
+ ],
+ "items": [
+ {
+ "source": "network",
+ "description": "Failed to load resource: the server responded with a status of 404 (Not Found)",
+ "sourceLocation": {
+ "type": "source-location",
+ "url": "http://127.0.0.1:5032/favicon.ico",
+ "urlProvider": "network",
+ "line": 0,
+ "column": 0
+ }
+ }
+ ]
+ }
+ },
+ "server-response-time": {
+ "id": "server-response-time",
+ "title": "Initial server response time was short",
+ "description": "Keep the server response time for the main document short because all other requests depend on it. [Learn more](https://web.dev/time-to-first-byte/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "numericValue": 27.557,
+ "numericUnit": "millisecond",
+ "displayValue": "Root document took 30 ms",
+ "details": {
+ "type": "opportunity",
+ "headings": [
+ { "key": "url", "valueType": "url", "label": "URL" },
+ {
+ "key": "responseTime",
+ "valueType": "timespanMs",
+ "label": "Time Spent"
+ }
+ ],
+ "items": [
+ { "url": "http://127.0.0.1:5032/", "responseTime": 27.557 }
+ ],
+ "overallSavingsMs": -72.443
+ }
+ },
+ "interactive": {
+ "id": "interactive",
+ "title": "Time to Interactive",
+ "description": "Time to interactive is the amount of time it takes for the page to become fully interactive. [Learn more](https://web.dev/interactive/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 803.7656,
+ "numericUnit": "millisecond",
+ "displayValue": "0.8 s"
+ },
+ "user-timings": {
+ "id": "user-timings",
+ "title": "User Timing marks and measures",
+ "description": "Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. [Learn more](https://web.dev/user-timings/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "critical-request-chains": {
+ "id": "critical-request-chains",
+ "title": "Avoid chaining critical requests",
+ "description": "The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load. [Learn more](https://web.dev/critical-request-chains/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable",
+ "displayValue": "",
+ "details": {
+ "type": "criticalrequestchain",
+ "chains": {
+ "C167789985919D58A4D9FC53FFE06948": {
+ "request": {
+ "url": "http://127.0.0.1:5032/",
+ "startTime": 343919.711946,
+ "endTime": 343919.742034,
+ "responseReceivedTime": 343919.74134,
+ "transferSize": 941
+ }
+ }
+ },
+ "longestChain": {
+ "duration": 30.087999999523163,
+ "length": 1,
+ "transferSize": 941
+ }
+ }
+ },
+ "redirects": {
+ "id": "redirects",
+ "title": "Avoid multiple page redirects",
+ "description": "Redirects introduce additional delays before the page can be loaded. [Learn more](https://web.dev/redirects/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 0,
+ "numericUnit": "millisecond",
+ "displayValue": "",
+ "details": {
+ "type": "opportunity",
+ "headings": [],
+ "items": [],
+ "overallSavingsMs": 0
+ }
+ },
+ "installable-manifest": {
+ "id": "installable-manifest",
+ "title": "Web app manifest or service worker do not meet the installability requirements",
+ "description": "Service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. With proper service worker and manifest implementations, browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. [Learn more](https://web.dev/installable-manifest/).",
+ "score": 0,
+ "scoreDisplayMode": "binary",
+ "numericValue": 2,
+ "numericUnit": "element",
+ "displayValue": "2 reasons",
+ "warnings": [],
+ "details": {
+ "type": "table",
+ "headings": [
+ {
+ "key": "reason",
+ "itemType": "text",
+ "text": "Failure reason"
+ }
+ ],
+ "items": [
+ { "reason": "Page has no manifest URL" },
+ { "reason": "No manifest was fetched" }
+ ],
+ "debugData": { "type": "debugdata", "manifestUrl": null }
+ }
+ },
+ "apple-touch-icon": {
+ "id": "apple-touch-icon",
+ "title": "Does not provide a valid `apple-touch-icon`",
+ "description": "For ideal appearance on iOS when users add a progressive web app to the home screen, define an `apple-touch-icon`. It must point to a non-transparent 192px (or 180px) square PNG. [Learn More](https://web.dev/apple-touch-icon/).",
+ "score": 0,
+ "scoreDisplayMode": "binary",
+ "warnings": []
+ },
+ "splash-screen": {
+ "id": "splash-screen",
+ "title": "Is not configured for a custom splash screen",
+ "description": "A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. [Learn more](https://web.dev/splash-screen/).",
+ "score": 0,
+ "scoreDisplayMode": "binary",
+ "explanation": "Failures: No manifest was fetched.",
+ "details": {
+ "type": "debugdata",
+ "items": [
+ {
+ "failures": ["No manifest was fetched"],
+ "isParseFailure": true,
+ "parseFailureReason": "No manifest was fetched"
+ }
+ ]
+ }
+ },
+ "themed-omnibox": {
+ "id": "themed-omnibox",
+ "title": "Does not set a theme color for the address bar.",
+ "description": "The browser address bar can be themed to match your site. [Learn more](https://web.dev/themed-omnibox/).",
+ "score": 0,
+ "scoreDisplayMode": "binary",
+ "explanation": "Failures: No manifest was fetched,\nNo ` ` tag found.",
+ "details": {
+ "type": "debugdata",
+ "items": [
+ {
+ "failures": [
+ "No manifest was fetched",
+ "No ` ` tag found"
+ ],
+ "themeColor": null,
+ "isParseFailure": true,
+ "parseFailureReason": "No manifest was fetched"
+ }
+ ]
+ }
+ },
+ "maskable-icon": {
+ "id": "maskable-icon",
+ "title": "Manifest doesn't have a maskable icon",
+ "description": "A maskable icon ensures that the image fills the entire shape without being letterboxed when installing the app on a device. [Learn more](https://web.dev/maskable-icon-audit/).",
+ "score": 0,
+ "scoreDisplayMode": "binary",
+ "explanation": "No manifest was fetched"
+ },
+ "content-width": {
+ "id": "content-width",
+ "title": "Content is sized correctly for the viewport",
+ "description": "If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. [Learn more](https://web.dev/content-width/).",
+ "score": 1,
+ "scoreDisplayMode": "binary"
+ },
+ "image-aspect-ratio": {
+ "id": "image-aspect-ratio",
+ "title": "Displays images with correct aspect ratio",
+ "description": "Image display dimensions should match natural aspect ratio. [Learn more](https://web.dev/image-aspect-ratio/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "image-size-responsive": {
+ "id": "image-size-responsive",
+ "title": "Serves images with appropriate resolution",
+ "description": "Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. [Learn more](https://web.dev/serve-responsive-images/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "preload-fonts": {
+ "id": "preload-fonts",
+ "title": "Fonts with `font-display: optional` are preloaded",
+ "description": "Preload `optional` fonts so first-time visitors may use them. [Learn more](https://web.dev/preload-optional-fonts/)",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "deprecations": {
+ "id": "deprecations",
+ "title": "Avoids deprecated APIs",
+ "description": "Deprecated APIs will eventually be removed from the browser. [Learn more](https://web.dev/deprecations/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "mainthread-work-breakdown": {
+ "id": "mainthread-work-breakdown",
+ "title": "Minimizes main-thread work",
+ "description": "Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://web.dev/mainthread-work-breakdown/)",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 404.34000000000003,
+ "numericUnit": "millisecond",
+ "displayValue": "0.4 s",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "groupLabel", "itemType": "text", "text": "Category" },
+ {
+ "key": "duration",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Time Spent"
+ }
+ ],
+ "items": [
+ {
+ "group": "styleLayout",
+ "groupLabel": "Style & Layout",
+ "duration": 199.672
+ },
+ {
+ "group": "other",
+ "groupLabel": "Other",
+ "duration": 160.46800000000002
+ },
+ {
+ "group": "scriptEvaluation",
+ "groupLabel": "Script Evaluation",
+ "duration": 29.903999999999993
+ },
+ {
+ "group": "scriptParseCompile",
+ "groupLabel": "Script Parsing & Compilation",
+ "duration": 5.207999999999999
+ },
+ {
+ "group": "paintCompositeRender",
+ "groupLabel": "Rendering",
+ "duration": 4.683999999999999
+ },
+ {
+ "group": "parseHTML",
+ "groupLabel": "Parse HTML & CSS",
+ "duration": 4.403999999999999
+ }
+ ]
+ }
+ },
+ "bootup-time": {
+ "id": "bootup-time",
+ "title": "JavaScript execution time",
+ "description": "Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://web.dev/bootup-time/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 35.111999999999995,
+ "numericUnit": "millisecond",
+ "displayValue": "0.0 s",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "url", "itemType": "url", "text": "URL" },
+ {
+ "key": "total",
+ "granularity": 1,
+ "itemType": "ms",
+ "text": "Total CPU Time"
+ },
+ {
+ "key": "scripting",
+ "granularity": 1,
+ "itemType": "ms",
+ "text": "Script Evaluation"
+ },
+ {
+ "key": "scriptParseCompile",
+ "granularity": 1,
+ "itemType": "ms",
+ "text": "Script Parse"
+ }
+ ],
+ "items": [
+ {
+ "url": "http://127.0.0.1:5032/",
+ "total": 320.592,
+ "scripting": 11.919999999999998,
+ "scriptParseCompile": 4.212
+ },
+ {
+ "url": "Unattributable",
+ "total": 83.748,
+ "scripting": 17.983999999999995,
+ "scriptParseCompile": 0.996
+ }
+ ],
+ "summary": { "wastedMs": 35.111999999999995 }
+ }
+ },
+ "uses-rel-preload": {
+ "id": "uses-rel-preload",
+ "title": "Preload key requests",
+ "description": "Consider using ` ` to prioritize fetching resources that are currently requested later in page load. [Learn more](https://web.dev/uses-rel-preload/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable",
+ "details": {
+ "type": "opportunity",
+ "headings": [],
+ "items": [],
+ "overallSavingsMs": 0
+ }
+ },
+ "uses-rel-preconnect": {
+ "id": "uses-rel-preconnect",
+ "title": "Preconnect to required origins",
+ "description": "Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. [Learn more](https://web.dev/uses-rel-preconnect/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 0,
+ "numericUnit": "millisecond",
+ "displayValue": "",
+ "warnings": [],
+ "details": {
+ "type": "opportunity",
+ "headings": [],
+ "items": [],
+ "overallSavingsMs": 0
+ }
+ },
+ "font-display": {
+ "id": "font-display",
+ "title": "All text remains visible during webfont loads",
+ "description": "Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. [Learn more](https://web.dev/font-display/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "warnings": [],
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "diagnostics": {
+ "id": "diagnostics",
+ "title": "Diagnostics",
+ "description": "Collection of useful page vitals.",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": {
+ "type": "debugdata",
+ "items": [
+ {
+ "numRequests": 3,
+ "numScripts": 0,
+ "numStylesheets": 0,
+ "numFonts": 0,
+ "numTasks": 123,
+ "numTasksOver10ms": 2,
+ "numTasksOver25ms": 1,
+ "numTasksOver50ms": 1,
+ "numTasksOver100ms": 0,
+ "numTasksOver500ms": 0,
+ "rtt": 0.25139999999999996,
+ "throughput": 95383312.49313669,
+ "maxRtt": 0.25139999999999996,
+ "maxServerLatency": 5.2656,
+ "totalByteWeight": 28301,
+ "totalTaskTime": 101.08500000000001,
+ "mainDocumentTransferSize": 941
+ }
+ ]
+ }
+ },
+ "network-requests": {
+ "id": "network-requests",
+ "title": "Network Requests",
+ "description": "Lists the network requests that were made during page load.",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "url", "itemType": "url", "text": "URL" },
+ { "key": "protocol", "itemType": "text", "text": "Protocol" },
+ {
+ "key": "startTime",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Start Time"
+ },
+ {
+ "key": "endTime",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "End Time"
+ },
+ {
+ "key": "transferSize",
+ "itemType": "bytes",
+ "displayUnit": "kb",
+ "granularity": 1,
+ "text": "Transfer Size"
+ },
+ {
+ "key": "resourceSize",
+ "itemType": "bytes",
+ "displayUnit": "kb",
+ "granularity": 1,
+ "text": "Resource Size"
+ },
+ {
+ "key": "statusCode",
+ "itemType": "text",
+ "text": "Status Code"
+ },
+ { "key": "mimeType", "itemType": "text", "text": "MIME Type" },
+ {
+ "key": "resourceType",
+ "itemType": "text",
+ "text": "Resource Type"
+ }
+ ],
+ "items": [
+ {
+ "url": "http://127.0.0.1:5032/",
+ "protocol": "http/1.1",
+ "startTime": 0,
+ "endTime": 30.087999999523163,
+ "finished": true,
+ "transferSize": 941,
+ "resourceSize": 623,
+ "statusCode": 200,
+ "mimeType": "text/html",
+ "resourceType": "Document"
+ },
+ {
+ "url": "http://127.0.0.1:5032/user-flow-square.png",
+ "protocol": "http/1.1",
+ "startTime": 49.27499999757856,
+ "endTime": 57.182000018656254,
+ "finished": true,
+ "transferSize": 27209,
+ "resourceSize": 26902,
+ "statusCode": 200,
+ "mimeType": "image/png",
+ "resourceType": "Image"
+ },
+ {
+ "url": "http://127.0.0.1:5032/favicon.ico",
+ "protocol": "http/1.1",
+ "startTime": 121.95499998051673,
+ "endTime": 128.06499999715015,
+ "finished": true,
+ "transferSize": 151,
+ "resourceSize": 0,
+ "statusCode": 404,
+ "mimeType": "text/plain",
+ "resourceType": "Other"
+ }
+ ]
+ }
+ },
+ "network-rtt": {
+ "id": "network-rtt",
+ "title": "Network Round Trip Times",
+ "description": "Network round trip times (RTT) have a large impact on performance. If the RTT to an origin is high, it's an indication that servers closer to the user could improve performance. [Learn more](https://hpbn.co/primer-on-latency-and-bandwidth/).",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "numericValue": 0.25139999999999996,
+ "numericUnit": "millisecond",
+ "displayValue": "0 ms",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "origin", "itemType": "text", "text": "URL" },
+ {
+ "key": "rtt",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Time Spent"
+ }
+ ],
+ "items": [
+ {
+ "origin": "http://127.0.0.1:5032",
+ "rtt": 0.25139999999999996
+ }
+ ]
+ }
+ },
+ "network-server-latency": {
+ "id": "network-server-latency",
+ "title": "Server Backend Latencies",
+ "description": "Server latencies can impact web performance. If the server latency of an origin is high, it's an indication the server is overloaded or has poor backend performance. [Learn more](https://hpbn.co/primer-on-web-performance/#analyzing-the-resource-waterfall).",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "numericValue": 5.2656,
+ "numericUnit": "millisecond",
+ "displayValue": "10 ms",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "origin", "itemType": "text", "text": "URL" },
+ {
+ "key": "serverResponseTime",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Time Spent"
+ }
+ ],
+ "items": [
+ {
+ "origin": "http://127.0.0.1:5032",
+ "serverResponseTime": 5.2656
+ }
+ ]
+ }
+ },
+ "main-thread-tasks": {
+ "id": "main-thread-tasks",
+ "title": "Tasks",
+ "description": "Lists the toplevel main thread tasks that executed during page load.",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": {
+ "type": "table",
+ "headings": [
+ {
+ "key": "startTime",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Start Time"
+ },
+ {
+ "key": "duration",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "End Time"
+ }
+ ],
+ "items": [
+ { "duration": 22.424, "startTime": 67.016 },
+ { "duration": 52.825, "startTime": 93.881 }
+ ]
+ }
+ },
+ "metrics": {
+ "id": "metrics",
+ "title": "Metrics",
+ "description": "Collects all available metrics.",
+ "score": null,
+ "scoreDisplayMode": "error",
+ "errorMessage": "Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (NO_SCREENSHOTS)"
+ },
+ "performance-budget": {
+ "id": "performance-budget",
+ "title": "Performance budget",
+ "description": "Keep the quantity and size of network requests under the targets set by the provided performance budget. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/budgets).",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": {
+ "type": "table",
+ "headings": [
+ {
+ "key": "label",
+ "itemType": "text",
+ "text": "Resource Type"
+ },
+ {
+ "key": "requestCount",
+ "itemType": "numeric",
+ "text": "Requests"
+ },
+ {
+ "key": "transferSize",
+ "itemType": "bytes",
+ "text": "Transfer Size"
+ },
+ {
+ "key": "countOverBudget",
+ "itemType": "text",
+ "text": ""
+ },
+ {
+ "key": "sizeOverBudget",
+ "itemType": "bytes",
+ "text": "Over Budget"
+ }
+ ],
+ "items": [
+ {
+ "resourceType": "total",
+ "label": "Total",
+ "requestCount": 16,
+ "transferSize": 205774,
+ "sizeOverBudget": 204750
+ },
+ {
+ "resourceType": "script",
+ "label": "Script",
+ "requestCount": 2,
+ "transferSize": 101958
+ },
+ {
+ "resourceType": "third-party",
+ "label": "Third-party",
+ "requestCount": 6,
+ "transferSize": 97308
+ }
+ ]
+ }
+ },
+ "timing-budget": {
+ "id": "timing-budget",
+ "title": "Timing budget",
+ "description": "Set a timing budget to help you keep an eye on the performance of your site. Performant sites load fast and respond to user input events quickly. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/budgets).",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": {
+ "type": "table",
+ "headings": [
+ {
+ "key": "label",
+ "itemType": "text",
+ "text": "Metric"
+ },
+ {
+ "key": "measurement",
+ "itemType": "ms",
+ "text": "Measurement"
+ },
+ {
+ "key": "overBudget",
+ "itemType": "ms",
+ "text": "Over Budget"
+ }
+ ],
+ "items": [
+ {
+ "metric": "first-meaningful-paint",
+ "label": "First Meaningful Paint",
+ "measurement": 2043,
+ "overBudget": 43
+ },
+ {
+ "metric": "interactive",
+ "label": "Time to Interactive",
+ "measurement": 4745
+ }
+ ]
+ }
+ },
+ "resource-summary": {
+ "id": "resource-summary",
+ "title": "Keep request counts low and transfer sizes small",
+ "description": "To set budgets for the quantity and size of page resources, add a budget.json file. [Learn more](https://web.dev/use-lighthouse-for-performance-budgets/).",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "displayValue": "2 requests • 27 KiB",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "label", "itemType": "text", "text": "Resource Type" },
+ {
+ "key": "requestCount",
+ "itemType": "numeric",
+ "text": "Requests"
+ },
+ {
+ "key": "transferSize",
+ "itemType": "bytes",
+ "text": "Transfer Size"
+ }
+ ],
+ "items": [
+ {
+ "resourceType": "total",
+ "label": "Total",
+ "requestCount": 2,
+ "transferSize": 28150
+ },
+ {
+ "resourceType": "image",
+ "label": "Image",
+ "requestCount": 1,
+ "transferSize": 27209
+ },
+ {
+ "resourceType": "document",
+ "label": "Document",
+ "requestCount": 1,
+ "transferSize": 941
+ },
+ {
+ "resourceType": "stylesheet",
+ "label": "Stylesheet",
+ "requestCount": 0,
+ "transferSize": 0
+ },
+ {
+ "resourceType": "media",
+ "label": "Media",
+ "requestCount": 0,
+ "transferSize": 0
+ },
+ {
+ "resourceType": "font",
+ "label": "Font",
+ "requestCount": 0,
+ "transferSize": 0
+ },
+ {
+ "resourceType": "script",
+ "label": "Script",
+ "requestCount": 0,
+ "transferSize": 0
+ },
+ {
+ "resourceType": "other",
+ "label": "Other",
+ "requestCount": 0,
+ "transferSize": 0
+ },
+ {
+ "resourceType": "third-party",
+ "label": "Third-party",
+ "requestCount": 0,
+ "transferSize": 0
+ }
+ ]
+ }
+ },
+ "third-party-summary": {
+ "id": "third-party-summary",
+ "title": "Minimize third-party usage",
+ "description": "Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "third-party-facades": {
+ "id": "third-party-facades",
+ "title": "Lazy load third-party resources with facades",
+ "description": "Some third-party embeds can be lazy loaded. Consider replacing them with a facade until they are required. [Learn more](https://web.dev/third-party-facades/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "largest-contentful-paint-element": {
+ "id": "largest-contentful-paint-element",
+ "title": "Largest Contentful Paint element",
+ "description": "This is the largest contentful element painted within the viewport. [Learn More](https://web.dev/lighthouse-largest-contentful-paint/)",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "displayValue": "1 element found",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "node", "itemType": "node", "text": "Element" }
+ ],
+ "items": [
+ {
+ "node": {
+ "type": "node",
+ "lhId": "page-1-P",
+ "path": "1,HTML,1,BODY,1,P",
+ "selector": "body > p",
+ "boundingRect": {
+ "top": 80,
+ "bottom": 116,
+ "left": 8,
+ "right": 352,
+ "width": 344,
+ "height": 36
+ },
+ "snippet": "",
+ "nodeLabel": "A simple web project to test lighthouse user-flow CLI"
+ }
+ }
+ ]
+ }
+ },
+ "lcp-lazy-loaded": {
+ "id": "lcp-lazy-loaded",
+ "title": "Largest Contentful Paint image was not lazily loaded",
+ "description": "Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. [Learn more](https://web.dev/lcp-lazy-loading/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "layout-shift-elements": {
+ "id": "layout-shift-elements",
+ "title": "Avoid large layout shifts",
+ "description": "These DOM elements contribute most to the CLS of the page.",
+ "score": null,
+ "scoreDisplayMode": "notApplicable",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "long-tasks": {
+ "id": "long-tasks",
+ "title": "Avoid long main-thread tasks",
+ "description": "Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. [Learn more](https://web.dev/long-tasks-devtools/)",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "displayValue": "2 long tasks found",
+ "details": {
+ "type": "table",
+ "headings": [
+ { "key": "url", "itemType": "url", "text": "URL" },
+ {
+ "key": "startTime",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Start Time"
+ },
+ {
+ "key": "duration",
+ "itemType": "ms",
+ "granularity": 1,
+ "text": "Duration"
+ }
+ ],
+ "items": [
+ {
+ "url": "http://127.0.0.1:5032/",
+ "duration": 106,
+ "startTime": 700.2656
+ },
+ {
+ "url": "http://127.0.0.1:5032/",
+ "duration": 90,
+ "startTime": 605.2656
+ }
+ ]
+ }
+ },
+ "no-unload-listeners": {
+ "id": "no-unload-listeners",
+ "title": "Avoids `unload` event listeners",
+ "description": "The `unload` event does not fire reliably and listening for it can prevent browser optimizations like the Back-Forward Cache. Use `pagehide` or `visibilitychange` events instead. [Learn more](https://web.dev/bfcache/#never-use-the-unload-event)",
+ "score": 1,
+ "scoreDisplayMode": "binary"
+ },
+ "non-composited-animations": {
+ "id": "non-composited-animations",
+ "title": "Avoid non-composited animations",
+ "description": "Animations which are not composited can be janky and increase CLS. [Learn more](https://web.dev/non-composited-animations)",
+ "score": null,
+ "scoreDisplayMode": "notApplicable",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "unsized-images": {
+ "id": "unsized-images",
+ "title": "Image elements have explicit `width` and `height`",
+ "description": "Set an explicit width and height on image elements to reduce layout shifts and improve CLS. [Learn more](https://web.dev/optimize-cls/#images-without-dimensions)",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "valid-source-maps": {
+ "id": "valid-source-maps",
+ "title": "Page has valid source maps",
+ "description": "Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. [Learn more](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "preload-lcp-image": {
+ "id": "preload-lcp-image",
+ "title": "Preload Largest Contentful Paint image",
+ "description": "Preload the image used by the LCP element in order to improve your LCP time. [Learn more](https://web.dev/optimize-lcp/#preload-important-resources).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "numericValue": 0,
+ "numericUnit": "millisecond",
+ "displayValue": "",
+ "details": {
+ "type": "opportunity",
+ "headings": [],
+ "items": [],
+ "overallSavingsMs": 0
+ }
+ },
+ "csp-xss": {
+ "id": "csp-xss",
+ "title": "Ensure CSP is effective against XSS attacks",
+ "description": "A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. [Learn more](https://web.dev/csp-xss/)",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": {
+ "type": "table",
+ "headings": [
+ {
+ "key": "description",
+ "itemType": "text",
+ "subItemsHeading": { "key": "description" },
+ "text": "Description"
+ },
+ {
+ "key": "directive",
+ "itemType": "code",
+ "subItemsHeading": { "key": "directive" },
+ "text": "Directive"
+ },
+ {
+ "key": "severity",
+ "itemType": "text",
+ "subItemsHeading": { "key": "severity" },
+ "text": "Severity"
+ }
+ ],
+ "items": [
+ {
+ "severity": "High",
+ "description": "No CSP found in enforcement mode"
+ }
+ ]
+ }
+ },
+ "full-page-screenshot": {
+ "id": "full-page-screenshot",
+ "title": "Full-page screenshot",
+ "description": "A full-height screenshot of the final rendered page",
+ "score": null,
+ "scoreDisplayMode": "error",
+ "errorMessage": "Required FullPageScreenshot gatherer encountered an error: PROTOCOL_TIMEOUT"
+ },
+ "script-treemap-data": {
+ "id": "script-treemap-data",
+ "title": "Script Treemap Data",
+ "description": "Used for treemap app",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "details": { "type": "treemap-data", "nodes": [] }
+ },
+ "pwa-cross-browser": {
+ "id": "pwa-cross-browser",
+ "title": "Site works cross-browser",
+ "description": "To reach the most number of users, sites should work across every major browser. [Learn more](https://web.dev/pwa-cross-browser/).",
+ "score": null,
+ "scoreDisplayMode": "manual"
+ },
+ "pwa-page-transitions": {
+ "id": "pwa-page-transitions",
+ "title": "Page transitions don't feel like they block on the network",
+ "description": "Transitions should feel snappy as you tap around, even on a slow network. This experience is key to a user's perception of performance. [Learn more](https://web.dev/pwa-page-transitions/).",
+ "score": null,
+ "scoreDisplayMode": "manual"
+ },
+ "pwa-each-page-has-url": {
+ "id": "pwa-each-page-has-url",
+ "title": "Each page has a URL",
+ "description": "Ensure individual pages are deep linkable via URL and that URLs are unique for the purpose of shareability on social media. [Learn more](https://web.dev/pwa-each-page-has-url/).",
+ "score": null,
+ "scoreDisplayMode": "manual"
+ },
+ "accesskeys": {
+ "id": "accesskeys",
+ "title": "`[accesskey]` values are unique",
+ "description": "Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more](https://web.dev/accesskeys/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-allowed-attr": {
+ "id": "aria-allowed-attr",
+ "title": "`[aria-*]` attributes match their roles",
+ "description": "Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. [Learn more](https://web.dev/aria-allowed-attr/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-command-name": {
+ "id": "aria-command-name",
+ "title": "`button`, `link`, and `menuitem` elements have accessible names",
+ "description": "When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-hidden-body": {
+ "id": "aria-hidden-body",
+ "title": "`[aria-hidden=\"true\"]` is not present on the document `
`",
+ "description": "Assistive technologies, like screen readers, work inconsistently when `aria-hidden=\"true\"` is set on the document ``. [Learn more](https://web.dev/aria-hidden-body/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "aria-hidden-focus": {
+ "id": "aria-hidden-focus",
+ "title": "`[aria-hidden=\"true\"]` elements do not contain focusable descendents",
+ "description": "Focusable descendents within an `[aria-hidden=\"true\"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn more](https://web.dev/aria-hidden-focus/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-input-field-name": {
+ "id": "aria-input-field-name",
+ "title": "ARIA input fields have accessible names",
+ "description": "When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-meter-name": {
+ "id": "aria-meter-name",
+ "title": "ARIA `meter` elements have accessible names",
+ "description": "When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-progressbar-name": {
+ "id": "aria-progressbar-name",
+ "title": "ARIA `progressbar` elements have accessible names",
+ "description": "When a `progressbar` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-required-attr": {
+ "id": "aria-required-attr",
+ "title": "`[role]`s have all required `[aria-*]` attributes",
+ "description": "Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more](https://web.dev/aria-required-attr/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-required-children": {
+ "id": "aria-required-children",
+ "title": "Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.",
+ "description": "Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more](https://web.dev/aria-required-children/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-required-parent": {
+ "id": "aria-required-parent",
+ "title": "`[role]`s are contained by their required parent element",
+ "description": "Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more](https://web.dev/aria-required-parent/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-roles": {
+ "id": "aria-roles",
+ "title": "`[role]` values are valid",
+ "description": "ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more](https://web.dev/aria-roles/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-toggle-field-name": {
+ "id": "aria-toggle-field-name",
+ "title": "ARIA toggle fields have accessible names",
+ "description": "When a toggle field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-tooltip-name": {
+ "id": "aria-tooltip-name",
+ "title": "ARIA `tooltip` elements have accessible names",
+ "description": "When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-treeitem-name": {
+ "id": "aria-treeitem-name",
+ "title": "ARIA `treeitem` elements have accessible names",
+ "description": "When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://web.dev/aria-name/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-valid-attr-value": {
+ "id": "aria-valid-attr-value",
+ "title": "`[aria-*]` attributes have valid values",
+ "description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more](https://web.dev/aria-valid-attr-value/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "aria-valid-attr": {
+ "id": "aria-valid-attr",
+ "title": "`[aria-*]` attributes are valid and not misspelled",
+ "description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more](https://web.dev/aria-valid-attr/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "button-name": {
+ "id": "button-name",
+ "title": "Buttons have an accessible name",
+ "description": "When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn more](https://web.dev/button-name/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "bypass": {
+ "id": "bypass",
+ "title": "The page contains a heading, skip link, or landmark region",
+ "description": "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://web.dev/bypass/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "color-contrast": {
+ "id": "color-contrast",
+ "title": "Background and foreground colors have a sufficient contrast ratio",
+ "description": "Low-contrast text is difficult or impossible for many users to read. [Learn more](https://web.dev/color-contrast/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": { "type": "table", "headings": [], "items": [] }
+ },
+ "definition-list": {
+ "id": "definition-list",
+ "title": "``'s contain only properly-ordered `` and ` ` groups, `