",
"nodeLabel": "CodePen is a social development environment for front-end designers and develop…"
},
"score": 0.007396,
"subItems": {
"type": "subitems",
"items": [
{
"extra": {
"type": "node",
"lhId": "page-0-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,2,IMG",
"selector": "main#main > header.HomepageAnonHeader_root-FJ8v9 > div.width-wrapper > img.HomepageAnonHeader_bg-btg1n",
"boundingRect": {
"top": 433,
"bottom": 791,
"left": 125,
"right": 537,
"width": 412,
"height": 359
},
"snippet": "",
"nodeLabel": "main#main > header.HomepageAnonHeader_root-FJ8v9 > div.width-wrapper > img.HomepageAnonHeader_bg-btg1n"
},
"cause": "Media element lacking an explicit size"
}
]
}
}
]
},
"guidanceLevel": 2
},
"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 how to avoid long main-thread tasks](https://web.dev/articles/optimize-long-tasks)",
"score": 1,
"scoreDisplayMode": "informative",
"displayValue": "9 long tasks found",
"metricSavings": {
"TBT": 1000
},
"details": {
"type": "table",
"headings": [
{
"key": "url",
"valueType": "url",
"label": "URL"
},
{
"key": "startTime",
"valueType": "ms",
"granularity": 1,
"label": "Start Time"
},
{
"key": "duration",
"valueType": "ms",
"granularity": 1,
"label": "Duration"
}
],
"items": [
{
"url": "https://cpwebassets.codepen.io/assets/packs/js/everypage-4eb662cbcfa735a99fa7.js",
"duration": 647.9999999999982,
"startTime": 10534.81336
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"duration": 296,
"startTime": 11554.813359999998
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"duration": 265,
"startTime": 10269.81336
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/js/6-71433d627ed09ffe0e50.chunk.js",
"duration": 187,
"startTime": 8451.5945
},
{
"url": "https://codepen.io/cdn-cgi/challenge-platform/scripts/jsd/main.js",
"duration": 167,
"startTime": 11346.813359999998
},
{
"url": "https://codepen.io/",
"duration": 129,
"startTime": 1905.7965
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"duration": 102,
"startTime": 11182.813359999998
},
{
"url": "https://codepen.io/",
"duration": 100,
"startTime": 2034.7965
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"duration": 61,
"startTime": 12063.993359999999
}
],
"sortedBy": [
"duration"
],
"skipSumming": [
"startTime"
],
"debugData": {
"type": "debugdata",
"urls": [
"https://cpwebassets.codepen.io/assets/packs/js/everypage-4eb662cbcfa735a99fa7.js",
"https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"https://cpwebassets.codepen.io/assets/packs/js/6-71433d627ed09ffe0e50.chunk.js",
"https://codepen.io/cdn-cgi/challenge-platform/scripts/jsd/main.js",
"https://codepen.io/"
],
"tasks": [
{
"urlIndex": 0,
"startTime": 10534.8,
"duration": 648,
"other": 648,
"parseHTML": 0
},
{
"urlIndex": 1,
"startTime": 11554.8,
"duration": 296,
"other": 296,
"scriptEvaluation": 0
},
{
"urlIndex": 1,
"startTime": 10269.8,
"duration": 265,
"other": 265,
"scriptEvaluation": 0
},
{
"urlIndex": 2,
"startTime": 8451.6,
"duration": 187,
"other": 187,
"parseHTML": 0
},
{
"urlIndex": 3,
"startTime": 11346.8,
"duration": 167,
"other": 167,
"scriptEvaluation": 0
},
{
"urlIndex": 4,
"startTime": 1905.8,
"duration": 129,
"other": 129,
"scriptEvaluation": 0,
"styleLayout": 0
},
{
"urlIndex": 1,
"startTime": 11182.8,
"duration": 102,
"other": 102
},
{
"urlIndex": 4,
"startTime": 2034.8,
"duration": 100,
"other": 100,
"paintCompositeRender": 0,
"scriptEvaluation": 0,
"styleLayout": 0
},
{
"urlIndex": 1,
"startTime": 12064,
"duration": 61,
"other": 61
}
]
}
},
"guidanceLevel": 1
},
"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 how to avoid non-composited animations](https://developer.chrome.com/docs/lighthouse/performance/non-composited-animations/)",
"score": 1,
"scoreDisplayMode": "informative",
"displayValue": "5 animated elements found",
"metricSavings": {
"CLS": 0
},
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "failureReason",
"valueType": "text"
},
"label": "Element"
},
{
"key": null,
"valueType": "text",
"subItemsHeading": {
"key": "animation",
"valueType": "text"
},
"label": "Name"
}
],
"items": [
{
"node": {
"type": "node",
"lhId": "page-3-P",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,0,DIV,1,DIV,2,DIV,1,DIV,0,CODE,8,P",
"selector": "div.HeaderHero-module_editorCode-9zAFM > div.HeaderHero-module_codeContent-v8MNf > code > p.HeaderHero-module_line5-d03TX",
"boundingRect": {
"top": 344,
"bottom": 360,
"left": 216,
"right": 217,
"width": 1,
"height": 16
},
"snippet": "
", "nodeLabel": "$dark-gray 100%); }" }, "subItems": { "type": "subitems", "items": [ { "failureReason": "Unsupported CSS Property: width", "animation": "HeaderHero-module_typing-5-6OUp8" }, { "failureReason": "Unsupported CSS Properties: border-bottom-color, border-left-color, border-right-color, border-top-color", "animation": "HeaderHero-module_cursor-persist-3vMxV" } ] } }, { "node": { "type": "node", "lhId": "page-4-P", "path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,0,DIV,1,DIV,2,DIV,1,DIV,0,CODE,0,P", "selector": "div.HeaderHero-module_editorCode-9zAFM > div.HeaderHero-module_codeContent-v8MNf > code > p.HeaderHero-module_line1-YZ5Pg", "boundingRect": { "top": 259, "bottom": 274, "left": 164, "right": 224, "width": 60, "height": 16 }, "snippet": "
", "nodeLabel": ".rect {" }, "subItems": { "type": "subitems", "items": [ { "failureReason": "Unsupported CSS Property: width", "animation": "HeaderHero-module_typing-1-5w-7w" }, { "failureReason": "Unsupported CSS Properties: border-bottom-color, border-left-color, border-right-color, border-top-color", "animation": "HeaderHero-module_cursor-+9sXO" } ] } }, { "node": { "type": "node", "lhId": "page-5-P", "path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,0,DIV,1,DIV,2,DIV,1,DIV,0,CODE,6,P", "selector": "div.HeaderHero-module_editorCode-9zAFM > div.HeaderHero-module_codeContent-v8MNf > code > p.HeaderHero-module_line4-5kIDV", "boundingRect": { "top": 323, "bottom": 339, "left": 216, "right": 217, "width": 1, "height": 16 }, "snippet": "
", "nodeLabel": "$gray 0%," }, "subItems": { "type": "subitems", "items": [ { "failureReason": "Unsupported CSS Property: width", "animation": "HeaderHero-module_typing-4--vJ4p" }, { "failureReason": "Unsupported CSS Properties: border-bottom-color, border-left-color, border-right-color, border-top-color", "animation": "HeaderHero-module_cursor-+9sXO" } ] } }, { "node": { "type": "node", "lhId": "page-6-P", "path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,0,DIV,1,DIV,2,DIV,1,DIV,0,CODE,4,P", "selector": "div.HeaderHero-module_editorCode-9zAFM > div.HeaderHero-module_codeContent-v8MNf > code > p.HeaderHero-module_line3-IP58M", "boundingRect": { "top": 301, "bottom": 317, "left": 216, "right": 286, "width": 70, "height": 16 }, "snippet": "
", "nodeLabel": "-119deg," }, "subItems": { "type": "subitems", "items": [ { "failureReason": "Unsupported CSS Property: width", "animation": "HeaderHero-module_typing-3-YVqFZ" }, { "failureReason": "Unsupported CSS Properties: border-bottom-color, border-left-color, border-right-color, border-top-color", "animation": "HeaderHero-module_cursor-+9sXO" } ] } }, { "node": { "type": "node", "lhId": "page-7-P", "path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,0,DIV,1,DIV,2,DIV,1,DIV,0,CODE,2,P", "selector": "div.HeaderHero-module_editorCode-9zAFM > div.HeaderHero-module_codeContent-v8MNf > code > p.HeaderHero-module_line2-SLosu", "boundingRect": { "top": 280, "bottom": 296, "left": 190, "right": 415, "width": 225, "height": 16 }, "snippet": "
",
"nodeLabel": "background: linear-gradient("
},
"subItems": {
"type": "subitems",
"items": [
{
"failureReason": "Unsupported CSS Property: width",
"animation": "HeaderHero-module_typing-2-euQrV"
},
{
"failureReason": "Unsupported CSS Properties: border-bottom-color, border-left-color, border-right-color, border-top-color",
"animation": "HeaderHero-module_cursor-+9sXO"
}
]
}
}
]
},
"guidanceLevel": 2
},
"unsized-images": {
"id": "unsized-images",
"title": "Image elements do not have explicit `width` and `height`",
"description": "Set an explicit width and height on image elements to reduce layout shifts and improve CLS. [Learn how to set image dimensions](https://web.dev/articles/optimize-cls#images_without_dimensions)",
"score": 0.5,
"scoreDisplayMode": "metricSavings",
"metricSavings": {
"CLS": 0
},
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"label": ""
},
{
"key": "url",
"valueType": "url",
"label": "URL"
}
],
"items": [
{
"url": "https://cpwebassets.codepen.io/assets/packs/editor-support-9cc33b6268c0a6c897033028084e1851.png",
"node": {
"type": "node",
"lhId": "1-121-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,3,SECTION,1,DIV,1,DIV,0,UL,0,LI,0,IMG",
"selector": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuSupport-DBU6h > img",
"boundingRect": {
"top": 4640,
"bottom": 4891,
"left": 10,
"right": 402,
"width": 392,
"height": 251
},
"snippet": "",
"nodeLabel": "Screenshot of the Pen Editor with Pen Settings dialog open."
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/editor-privacy-e542bc22ce324502eb727577083eeb61.png",
"node": {
"type": "node",
"lhId": "1-3-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,3,SECTION,1,DIV,1,DIV,0,UL,1,LI,0,IMG",
"selector": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuPrivacy-fPl-m > img",
"boundingRect": {
"top": 4383,
"bottom": 4634,
"left": 10,
"right": 402,
"width": 392,
"height": 251
},
"snippet": "
",
"nodeLabel": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuPrivacy-fPl-m > img"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/editor-assets-6a081a7c8ff72da526846f3c8f8ae91c.png",
"node": {
"type": "node",
"lhId": "1-123-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,3,SECTION,1,DIV,1,DIV,0,UL,3,LI,0,IMG",
"selector": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuAssets-cKHgk > img",
"boundingRect": {
"top": 4640,
"bottom": 4891,
"left": 10,
"right": 402,
"width": 392,
"height": 251
},
"snippet": "
",
"nodeLabel": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuAssets-cKHgk > img"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/editor-embed-eae2ee445ef0f63ee8fc7f175858e9d9.png",
"node": {
"type": "node",
"lhId": "1-122-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,3,SECTION,1,DIV,1,DIV,0,UL,2,LI,0,IMG",
"selector": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuEmbeds-7y6hn > img",
"boundingRect": {
"top": 4655,
"bottom": 4921,
"left": 10,
"right": 402,
"width": 392,
"height": 266
},
"snippet": "
",
"nodeLabel": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuEmbeds-7y6hn > img"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/editor-projects-a0d6a9e16cf1c2c46219ef3d49370823.png",
"node": {
"type": "node",
"lhId": "1-124-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,3,SECTION,1,DIV,1,DIV,0,UL,4,LI,0,IMG",
"selector": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuProjects-I9r5j > img",
"boundingRect": {
"top": 4654,
"bottom": 4920,
"left": 10,
"right": 402,
"width": 392,
"height": 266
},
"snippet": "
",
"nodeLabel": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuProjects-I9r5j > img"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/editor-collab-90815f9b83fcbdbd3ef7df4573ed9b57.png",
"node": {
"type": "node",
"lhId": "1-125-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,3,SECTION,1,DIV,1,DIV,0,UL,5,LI,0,IMG",
"selector": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuCollab-1Ao7v > img",
"boundingRect": {
"top": 4653,
"bottom": 4919,
"left": 10,
"right": 402,
"width": 392,
"height": 265
},
"snippet": "
",
"nodeLabel": "div.HomepageAnonEditor_illu-80fK5 > ul.PRIVACY > li.HomepageAnonEditor_illuCollab-1Ao7v > img"
}
},
{
"url": "https://static4.buysellads.net/uu/7/173968/1774279954-CodePen_Monthly_Sponser_BTF_-_600x400_-_everyapp-v2.png",
"node": {
"type": "node",
"lhId": "1-127-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,5,DIV,0,DIV,0,A,0,DIV,0,IMG",
"selector": "div.HomepageAnonBottomAd_root-Qq1Ia > a.HomepageAnonBottomAd_mainAdLink-bfkfm > div.HomepageAnonBottomAd_image-j8pxc > img",
"boundingRect": {
"top": 5240,
"bottom": 5407,
"left": 81,
"right": 331,
"width": 250,
"height": 167
},
"snippet": "
![\"\"](\"https://static4.buysellads.net/uu/7/173968/1774279954-CodePen_Monthly_Spon…\")
",
"nodeLabel": "Salesfoce"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/microsoft-0859118499110df3a66f00a999a53a40.png",
"node": {
"type": "node",
"lhId": "1-134-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,6,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6277,
"bottom": 6342,
"left": 67,
"right": 276,
"width": 209,
"height": 65
},
"snippet": "
",
"nodeLabel": "Microsoft"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/icon-build-0f21c66ed03bfb36c597636d27ca621e.svg",
"node": {
"type": "node",
"lhId": "1-107-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,1,SECTION,0,DIV,0,DIV,0,DIV,0,IMG",
"selector": "div.width-wrapper > div.HomepageAnonCards_item-baxkw > div.HomepageAnonCards_icon-AFa+u > img",
"boundingRect": {
"top": 1034,
"bottom": 1083,
"left": 40,
"right": 94,
"width": 55,
"height": 49
},
"snippet": "
",
"nodeLabel": "Icon of conveyer belt with boxes on it."
}
},
{
"url": "https://static4.buysellads.net/uu/7/173968/1774279581-MongoDB_White_250x100.png",
"node": {
"type": "node",
"lhId": "1-105-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,0,HEADER,1,DIV,1,DIV,3,DIV,0,A,0,DIV,0,IMG",
"selector": "div.HomepageAnonTopAd_root-ZycQ5 > a.HomepageAnonTopAd_mainSponsorBlockLink-pmIOu > div.HomepageAnonTopAd_image-nLPl7 > img",
"boundingRect": {
"top": 866,
"bottom": 916,
"left": 62,
"right": 187,
"width": 125,
"height": 50
},
"snippet": "
![\"\"](\"https://static4.buysellads.net/uu/7/173968/1774279581-MongoDB_White_250x10…\")
",
"nodeLabel": "IBM"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/adobe-0d9fee1af16f2db73270e52fbdcf4fe8.png",
"node": {
"type": "node",
"lhId": "1-132-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,4,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6096,
"bottom": 6173,
"left": 233,
"right": 305,
"width": 72,
"height": 77
},
"snippet": "
",
"nodeLabel": "Adobe"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/icon-learn-b1311620e99cea826f259aa2f7750940.svg",
"node": {
"type": "node",
"lhId": "1-108-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,1,SECTION,0,DIV,1,DIV,0,DIV,0,IMG",
"selector": "div.width-wrapper > div.HomepageAnonCards_item-baxkw > div.HomepageAnonCards_icon-AFa+u > img",
"boundingRect": {
"top": 1326,
"bottom": 1382,
"left": 40,
"right": 94,
"width": 55,
"height": 55
},
"snippet": "
",
"nodeLabel": "Icon of Map"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/airbnb-cb44d3434e60956b120c2cfd2afa9a23.png",
"node": {
"type": "node",
"lhId": "1-128-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,0,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6023,
"bottom": 6096,
"left": 62,
"right": 130,
"width": 68,
"height": 73
},
"snippet": "
",
"nodeLabel": "Airbnb"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/square-e4a6fa8c30a53180c593a11aeb1618c2.png",
"node": {
"type": "node",
"lhId": "1-130-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,2,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6024,
"bottom": 6095,
"left": 279,
"right": 350,
"width": 71,
"height": 71
},
"snippet": "
",
"nodeLabel": "Square"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/grubhub-f05150a98afe6175f221f4bc75ac3372.png",
"node": {
"type": "node",
"lhId": "1-129-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,1,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6033,
"bottom": 6085,
"left": 130,
"right": 279,
"width": 149,
"height": 52
},
"snippet": "
",
"nodeLabel": "Grubhub"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/icon-share-910c683bbac21bf41fcf9aab64ebc957.svg",
"node": {
"type": "node",
"lhId": "1-109-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,1,SECTION,0,DIV,2,DIV,0,DIV,0,IMG",
"selector": "div.width-wrapper > div.HomepageAnonCards_item-baxkw > div.HomepageAnonCards_icon-AFa+u > img",
"boundingRect": {
"top": 1619,
"bottom": 1689,
"left": 40,
"right": 94,
"width": 55,
"height": 70
},
"snippet": "
",
"nodeLabel": "Icon of Globe"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/netflix-8b4f0b76ad5ccaa1b6326267be6c396f.png",
"node": {
"type": "node",
"lhId": "1-131-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,3,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6108,
"bottom": 6161,
"left": 108,
"right": 233,
"width": 125,
"height": 53
},
"snippet": "
",
"nodeLabel": "Netflix"
}
},
{
"url": "https://cpwebassets.codepen.io/assets/packs/lyft-87acc577a28f7c5fbafbed09b543dd91.png",
"node": {
"type": "node",
"lhId": "1-135-IMG",
"path": "1,HTML,1,BODY,0,DIV,0,DIV,2,MAIN,6,SECTION,0,DIV,0,DIV,2,DIV,7,IMG",
"selector": "div.width-wrapper > div.home-team-wrapper > div.HomepageAnonTeams_logos-CfZRo > img",
"boundingRect": {
"top": 6281,
"bottom": 6338,
"left": 276,
"right": 346,
"width": 70,
"height": 57
},
"snippet": "
",
"nodeLabel": "Lyft"
}
}
]
},
"guidanceLevel": 4
},
"valid-source-maps": {
"id": "valid-source-maps",
"title": "Missing source maps for large first-party JavaScript",
"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 about source maps](https://developer.chrome.com/docs/devtools/javascript/source-maps/).",
"score": 0,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "scriptUrl",
"valueType": "url",
"subItemsHeading": {
"key": "error"
},
"label": "URL"
},
{
"key": "sourceMapUrl",
"valueType": "url",
"label": "Map URL"
}
],
"items": [
{
"scriptUrl": "https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
}
},
{
"scriptUrl": "https://cpwebassets.codepen.io/assets/packs/js/6-71433d627ed09ffe0e50.chunk.js",
"subItems": {
"type": "subitems",
"items": [
{
"error": "Large JavaScript file is missing a source map"
}
]
}
}
]
}
},
"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 how to use a CSP to prevent XSS](https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss/)",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "directive",
"valueType": "code",
"subItemsHeading": {
"key": "directive"
},
"label": "Directive"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"directive": "script-src",
"description": "Host allowlists can frequently be bypassed. Consider using CSP nonces or hashes instead, along with `'strict-dynamic'` if necessary.",
"severity": "High"
},
{
"directive": "script-src",
"description": "Consider adding `'unsafe-inline'` (ignored by browsers supporting nonces/hashes) to be backward compatible with older browsers.",
"severity": "Medium"
}
]
}
},
"has-hsts": {
"id": "has-hsts",
"title": "Use a strong HSTS policy",
"description": "Deployment of the HSTS header significantly reduces the risk of downgrading HTTP connections and eavesdropping attacks. A rollout in stages, starting with a low max-age is recommended. [Learn more about using a strong HSTS policy.](https://developer.chrome.com/docs/lighthouse/best-practices/has-hsts)",
"score": null,
"scoreDisplayMode": "notApplicable",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "directive",
"valueType": "code",
"subItemsHeading": {
"key": "directive"
},
"label": "Directive"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": []
}
},
"origin-isolation": {
"id": "origin-isolation",
"title": "Ensure proper origin isolation with COOP",
"description": "The Cross-Origin-Opener-Policy (COOP) can be used to isolate the top-level window from other documents such as pop-ups. [Learn more about deploying the COOP header.](https://web.dev/articles/why-coop-coep#coop)",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "directive",
"valueType": "code",
"subItemsHeading": {
"key": "directive"
},
"label": "Directive"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"description": "No COOP header found",
"severity": "High"
}
]
}
},
"clickjacking-mitigation": {
"id": "clickjacking-mitigation",
"title": "Mitigate clickjacking with XFO or CSP",
"description": "The `X-Frame-Options` (XFO) header or the `frame-ancestors` directive in the `Content-Security-Policy` (CSP) header control where a page can be embedded. These can mitigate clickjacking attacks by blocking some or all sites from embedding the page. [Learn more about mitigating clickjacking](https://developer.chrome.com/docs/lighthouse/best-practices/clickjacking-mitigation).",
"score": null,
"scoreDisplayMode": "notApplicable",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": []
}
},
"trusted-types-xss": {
"id": "trusted-types-xss",
"title": "Mitigate DOM-based XSS with Trusted Types",
"description": "The `require-trusted-types-for` directive in the `Content-Security-Policy` (CSP) header instructs user agents to control the data passed to DOM XSS sink functions. [Learn more about mitigating DOM-based XSS with Trusted Types](https://developer.chrome.com/docs/lighthouse/best-practices/trusted-types-xss).",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "table",
"headings": [
{
"key": "description",
"valueType": "text",
"subItemsHeading": {
"key": "description"
},
"label": "Description"
},
{
"key": "severity",
"valueType": "text",
"subItemsHeading": {
"key": "severity"
},
"label": "Severity"
}
],
"items": [
{
"severity": "High",
"description": "No `Content-Security-Policy` header with Trusted Types directive found"
}
]
}
},
"script-treemap-data": {
"id": "script-treemap-data",
"title": "Script Treemap Data",
"description": "Used for treemap app",
"score": 1,
"scoreDisplayMode": "informative",
"details": {
"type": "treemap-data",
"nodes": [
{
"name": "https://cpwebassets.codepen.io/assets/common/browser_support-2c1a3d31dbc6b5746fb7dacdbc81dd613906db219f13147c66864a6c3448246c.js",
"resourceBytes": 970,
"encodedBytes": 433,
"unusedBytes": 78
},
{
"name": "https://cpwebassets.codepen.io/assets/packs/js/vendor-9a4e874746c7ba6cb4f7.chunk.js",
"resourceBytes": 2451690,
"encodedBytes": 675787,
"unusedBytes": 1574920
},
{
"name": "https://cpwebassets.codepen.io/assets/packs/js/6-71433d627ed09ffe0e50.chunk.js",
"resourceBytes": 2129889,
"encodedBytes": 341319,
"unusedBytes": 1391730
},
{
"name": "https://cpwebassets.codepen.io/assets/packs/js/everypage-4eb662cbcfa735a99fa7.js",
"resourceBytes": 132301,
"encodedBytes": 22623,
"unusedBytes": 68545
},
{
"name": "https://cpwebassets.codepen.io/assets/packs/js/referrer-tracking-5d275cb3ce20c0c5d483.js",
"resourceBytes": 1862,
"encodedBytes": 868,
"unusedBytes": 949
},
{
"name": "https://codepen.io/",
"resourceBytes": 948,
"encodedBytes": 307,
"unusedBytes": 98,
"children": [
{
"name": "(inline) (function(){fun…",
"resourceBytes": 948,
"unusedBytes": 98
}
]
},
{
"name": "https://cpwebassets.codepen.io/assets/packs/js/Homepage-Anon-8f60905145f01773ec50.chunk.js",
"resourceBytes": 23962,
"encodedBytes": 6288,
"unusedBytes": 3314
},
{
"name": "https://codepen.io/cdn-cgi/challenge-platform/scripts/jsd/main.js",
"resourceBytes": 27184,
"encodedBytes": 12300,
"unusedBytes": 6756
},
{
"name": "https://srv.buysellads.com/ads/CEAICKQN.json?callback=customJSONPCallback",
"resourceBytes": 1362,
"encodedBytes": 677,
"unusedBytes": 0
},
{
"name": "https://cdn.carbonads.com/carbon.js?serve=CK7IVK7U&placement=codepenio",
"resourceBytes": 38314,
"encodedBytes": 10447,
"unusedBytes": 16833
}
]
}
},
"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 about access keys](https://dequeuniversity.com/rules/axe/4.11/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 how to match ARIA attributes to their roles](https://dequeuniversity.com/rules/axe/4.11/aria-allowed-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-allowed-role": {
"id": "aria-allowed-role",
"title": "Uses ARIA roles only on compatible elements",
"description": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-allowed-role).",
"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 how to make command elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-command-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-conditional-attr": {
"id": "aria-conditional-attr",
"title": "ARIA attributes are used as specified for the element's role",
"description": "Some ARIA attributes are only allowed on an element under certain conditions. [Learn more about conditional ARIA attributes](https://dequeuniversity.com/rules/axe/4.11/aria-conditional-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-deprecated-role": {
"id": "aria-deprecated-role",
"title": "Deprecated ARIA roles were not used",
"description": "Deprecated ARIA roles may not be processed correctly by assistive technology. [Learn more about deprecated ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-deprecated-role).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-dialog-name": {
"id": "aria-dialog-name",
"title": "Elements with `role=\"dialog\"` or `role=\"alertdialog\"` have accessible names.",
"description": "ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. [Learn how to make ARIA dialog elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-dialog-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-hidden-body": {
"id": "aria-hidden-body",
"title": "`[aria-hidden=\"true\"]` is not present on the document `