",
"nodeLabel": "Latest features\nLazy loading via attribute for video & audio\nCSS Grid Lanes\nCSS…"
},
"value": {
"type": "numeric",
"granularity": 1,
"value": 7
}
}
],
"debugData": {
"type": "debugdata",
"totalElements": 217,
"maxChildren": 7,
"maxDepth": 10
}
},
"guidanceLevel": 3
},
"duplicated-javascript-insight": {
"id": "duplicated-javascript-insight",
"title": "Duplicated JavaScript",
"description": "Remove large, [duplicate JavaScript modules](https://developer.chrome.com/docs/performance/insights/duplicated-javascript) from bundles to reduce unnecessary bytes consumed by network activity.",
"score": null,
"scoreDisplayMode": "error",
"errorMessage": "duplication.values.flatMap is not a function or its return value is not iterable",
"errorStack": "TypeError: duplication.values.flatMap is not a function or its return value is not iterable\n at Module.generateInsight (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/insights/DuplicatedJavaScript.js:59:61)\n at #computeInsightSet (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:369:33)\n at #computeInsightsForNavigation (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:513:32)\n at #computeInsights (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:445:47)\n at TraceProcessor.parse (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:126:38)\n at async TraceEngineResult.runTraceEngine (file:///usr/local/lib/node_modules/lighthouse/core/computed/trace-engine-result.js:43:5)\n at async TraceEngineResult.compute_ (file:///usr/local/lib/node_modules/lighthouse/core/computed/trace-engine-result.js:256:7)",
"guidanceLevel": 2
},
"font-display-insight": {
"id": "font-display-insight",
"title": "Font display",
"description": "Consider setting [font-display](https://developer.chrome.com/docs/performance/insights/font-display) to swap or optional to ensure text is consistently visible. swap can be further optimized to mitigate layout shifts with [font metric overrides](https://developer.chrome.com/blog/font-fallbacks).",
"score": 0,
"scoreDisplayMode": "metricSavings",
"displayValue": "Est savings of 30 ms",
"metricSavings": {
"FCP": 50,
"INP": 0
},
"details": {
"type": "table",
"headings": [
{
"key": "url",
"valueType": "url",
"label": "URL"
},
{
"key": "wastedMs",
"valueType": "ms",
"label": "Est Savings"
}
],
"items": [
{
"url": "https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAr0lFQm.woff2",
"wastedMs": 30
},
{
"url": "https://fonts.gstatic.com/s/googlesanstext/v25/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmhjtjm4DZw.woff2",
"wastedMs": 25
}
],
"skipSumming": [
"wastedMs"
]
},
"guidanceLevel": 3
},
"forced-reflow-insight": {
"id": "forced-reflow-insight",
"title": "Forced reflow",
"description": "A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about [forced reflows](https://developer.chrome.com/docs/performance/insights/forced-reflow) and possible mitigations.",
"score": 1,
"scoreDisplayMode": "numeric",
"details": {
"type": "list",
"items": [
{
"type": "table",
"headings": [
{
"key": "source",
"valueType": "source-location",
"label": "Source"
},
{
"key": "reflowTime",
"valueType": "ms",
"granularity": 1,
"label": "Total reflow time"
}
],
"items": []
}
]
},
"guidanceLevel": 3
},
"image-delivery-insight": {
"id": "image-delivery-insight",
"title": "Improve image delivery",
"description": "Reducing the download time of images can improve the perceived load time of the page and LCP. [Learn more about optimizing image size](https://developer.chrome.com/docs/performance/insights/image-delivery)",
"score": 1,
"scoreDisplayMode": "metricSavings",
"metricSavings": {
"FCP": 0,
"LCP": 0
},
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"label": ""
},
{
"key": "url",
"valueType": "url",
"label": "URL",
"subItemsHeading": {
"key": "reason",
"valueType": "text"
}
},
{
"key": "totalBytes",
"valueType": "bytes",
"label": "Resource Size"
},
{
"key": "wastedBytes",
"valueType": "bytes",
"label": "Est Savings",
"subItemsHeading": {
"key": "wastedBytes",
"valueType": "bytes"
}
}
],
"items": [],
"debugData": {
"type": "debugdata",
"wastedBytes": 0
}
},
"guidanceLevel": 3
},
"inp-breakdown-insight": {
"id": "inp-breakdown-insight",
"title": "INP breakdown",
"description": "Start investigating [how to improve INP](https://developer.chrome.com/docs/performance/insights/inp-breakdown) by looking at the longest subpart.",
"score": null,
"scoreDisplayMode": "notApplicable",
"guidanceLevel": 3
},
"lcp-breakdown-insight": {
"id": "lcp-breakdown-insight",
"title": "LCP breakdown",
"description": "Each [subpart has specific improvement strategies](https://developer.chrome.com/docs/performance/insights/lcp-breakdown). Ideally, most of the LCP time should be spent on loading the resources, not within delays.",
"score": 1,
"scoreDisplayMode": "informative",
"metricSavings": {
"LCP": 0
},
"details": {
"type": "list",
"items": [
{
"type": "table",
"headings": [
{
"key": "label",
"valueType": "text",
"label": "Subpart"
},
{
"key": "duration",
"valueType": "ms",
"label": "Duration"
}
],
"items": [
{
"subpart": "timeToFirstByte",
"label": "Time to first byte",
"duration": 782.5880009765625
},
{
"subpart": "elementRenderDelay",
"label": "Element render delay",
"duration": 359.7579990234375
}
]
},
{
"type": "node",
"lhId": "page-0-P",
"path": "1,HTML,1,BODY,0,DIV,1,MAIN,0,SECTION,2,DIV,3,DIV,2,UL,0,LI,0,P",
"selector": "div.home__section > ul.home__dyk-list > li.home__list-item > p.home__p",
"boundingRect": {
"top": 602,
"bottom": 818,
"left": 246,
"right": 407,
"width": 161,
"height": 216
},
"snippet": "
",
"nodeLabel": "If a feature you're looking for is not available on the site, you can vote to h…"
}
]
},
"guidanceLevel": 3
},
"lcp-discovery-insight": {
"id": "lcp-discovery-insight",
"title": "LCP request discovery",
"description": "[Optimize LCP](https://developer.chrome.com/docs/performance/insights/lcp-discovery) by making the LCP image discoverable from the HTML immediately, and avoiding lazy-loading",
"score": null,
"scoreDisplayMode": "notApplicable",
"guidanceLevel": 3
},
"legacy-javascript-insight": {
"id": "legacy-javascript-insight",
"title": "Legacy JavaScript",
"description": "Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile [Baseline](https://web.dev/articles/baseline-and-polyfills) features, unless you know you must support older browsers. [Learn why most sites can deploy ES6+ code without transpiling](https://developer.chrome.com/docs/performance/insights/legacy-javascript)",
"score": null,
"scoreDisplayMode": "error",
"errorMessage": "wastedBytesByRequestId.values(...).reduce is not a function",
"errorStack": "TypeError: wastedBytesByRequestId.values(...).reduce is not a function\n at Module.generateInsight (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/insights/LegacyJavaScript.js:79:54)\n at #computeInsightSet (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:369:33)\n at #computeInsightsForNavigation (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:513:32)\n at #computeInsights (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:445:47)\n at TraceProcessor.parse (file:///usr/local/lib/node_modules/lighthouse/node_modules/@paulirish/trace_engine/models/trace/Processor.js:126:38)\n at async TraceEngineResult.runTraceEngine (file:///usr/local/lib/node_modules/lighthouse/core/computed/trace-engine-result.js:43:5)\n at async TraceEngineResult.compute_ (file:///usr/local/lib/node_modules/lighthouse/core/computed/trace-engine-result.js:256:7)",
"guidanceLevel": 2
},
"modern-http-insight": {
"id": "modern-http-insight",
"title": "Modern HTTP",
"description": "HTTP/2 and HTTP/3 offer many benefits over HTTP/1.1, such as multiplexing. [Learn more about using modern HTTP](https://developer.chrome.com/docs/performance/insights/modern-http).",
"score": 1,
"scoreDisplayMode": "metricSavings",
"metricSavings": {
"FCP": 0,
"LCP": 0
},
"details": {
"type": "table",
"headings": [
{
"key": "url",
"valueType": "url",
"label": "URL"
},
{
"key": "protocol",
"valueType": "text",
"label": "Protocol"
}
],
"items": []
},
"guidanceLevel": 3
},
"network-dependency-tree-insight": {
"id": "network-dependency-tree-insight",
"title": "Network dependency tree",
"description": "[Avoid chaining critical requests](https://developer.chrome.com/docs/performance/insights/network-dependency-tree) by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.",
"score": 0,
"scoreDisplayMode": "numeric",
"metricSavings": {
"LCP": 0
},
"details": {
"type": "list",
"items": [
{
"type": "list-section",
"value": {
"type": "network-tree",
"chains": {
"DE4CAA5BD8BB0921F909D78115EE6D2F": {
"url": "https://caniuse.com/",
"navStartToEndTime": 795,
"transferSize": 5586,
"isLongest": true,
"children": {
"1255012.3": {
"url": "https://caniuse.com/css/main.css?1776478324",
"navStartToEndTime": 952,
"transferSize": 7984,
"isLongest": true,
"children": {
"1255012.24": {
"url": "https://caniuse.com/fonts/open-sans-regular.woff2",
"navStartToEndTime": 1579,
"transferSize": 14564,
"isLongest": true,
"children": {}
},
"1255012.25": {
"url": "https://caniuse.com/fonts/open-sans-300.woff2",
"navStartToEndTime": 1579,
"transferSize": 15116,
"children": {}
}
}
},
"1255012.5": {
"url": "https://caniuse.com/css/theme-light.css?1776478325",
"navStartToEndTime": 1107,
"transferSize": 704,
"children": {}
},
"1255012.4": {
"url": "https://caniuse.com/css/home.css?1776478324",
"navStartToEndTime": 1105,
"transferSize": 1581,
"children": {}
},
"1255012.2": {
"url": "https://fonts.googleapis.com/css?family=Inconsolata&display=swap",
"navStartToEndTime": 890,
"transferSize": 988,
"children": {}
}
}
}
},
"longestChain": {
"duration": 1579
}
}
},
{
"type": "list-section",
"title": "Preconnected origins",
"description": "[preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to.",
"value": {
"type": "table",
"headings": [
{
"key": "origin",
"valueType": "text",
"subItemsHeading": {
"key": "warning"
},
"label": "Origin"
},
{
"key": "source",
"valueType": "node",
"label": "Source"
}
],
"items": [
{
"origin": "https://ipinfo.io/",
"source": {
"type": "node",
"lhId": "page-4-LINK",
"path": "1,HTML,0,HEAD,14,LINK",
"selector": "head > link",
"boundingRect": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0,
"width": 0,
"height": 0
},
"snippet": "