",
"boundingRect": {
"top": 350,
"bottom": 470,
"left": 40,
"right": 320,
"width": 280,
"height": 120
}
}
}
]
}
},
"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": "informative",
"displayValue": "1 element found",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"itemType": "node",
"text": "Element"
},
{
"key": "score",
"itemType": "numeric",
"granularity": 0.001,
"text": "CLS Contribution"
}
],
"items": [
{
"node": {
"type": "node",
"path": "",
"selector": "div.css-wgyj6o",
"nodeLabel": "div",
"snippet": "
",
"boundingRect": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0,
"width": 0,
"height": 0
}
},
"score": 0.029941406250000004
}
]
}
},
"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": "4 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": "https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/6926d84b633a6ecf129417a24b726bbe1ad0d506/route.41331220.js",
"duration": 221,
"startTime": 16776.39799999999
},
{
"url": "https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/6926d84b633a6ecf129417a24b726bbe1ad0d506/app.js",
"duration": 188,
"startTime": 9679.867999999995
},
{
"url": "Unattributable",
"duration": 53,
"startTime": 1150.93
},
{
"url": "https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/6926d84b633a6ecf129417a24b726bbe1ad0d506/app.js",
"duration": 53,
"startTime": 9921.867999999995
}
]
}
},
"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": "informative",
"displayValue": "4 animated elements found",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"itemType": "node",
"subItemsHeading": {
"key": "failureReason",
"itemType": "text"
},
"text": "Element"
},
{
"key": null,
"itemType": "text",
"subItemsHeading": {
"key": "animation",
"itemType": "text"
},
"text": "Name"
}
],
"items": [
{
"node": {
"type": "node",
"path": "0,DIV,1,DIV,0,DIV,0,DIV,0,SPAN,0,svg",
"selector": "div.css-8ypwyz > div.css-wgyj6o > span.css-wmh6dk > svg.css-lowrtd",
"nodeLabel": "svg",
"snippet": "