对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://flashmask.net/assets/%E6%8F%92%E7%94%BB%E7%A4%BA%E4%BE%8B.webp",
"node": {
"lhId": "page-0-IMG",
"path": "1,HTML,1,BODY,4,DIV,0,SECTION,3,SECTION,0,DIV,1,DIV,0,DIV,1,DIV,0,DIV,0,IMG",
"type": "node",
"snippet": "<img alt=\"女性插画，头发与衣领衔接处有几根多余线条\" data-i18n-alt=\"sceneImageAlt\" decoding=\"async\" loading=\"lazy\" src=\"/assets/插画示例.webp\">",
"selector": "div.demo-app > div.demo-app-canvas > div.workflow-picture > img",
"nodeLabel": "女性插画，头发与衣领衔接处有几根多余线条",
"boundingRect": {
"top": -461,
"left": -589,
"right": 1559,
"width": 2147,
"bottom": 971,
"height": 1432
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Increasing the image compression factor could improve this image's download size.",
"wastedBytes": 308572
},
{
"reason": "This image file is larger than it needs to be (1536x1024) for its displayed dimensions (500x333). Use responsive images to reduce the image download size.",
"wastedBytes": 510242
}
]
},
"totalBytes": 570716,
"wastedBytes": 542939
},
{
"url": "https://flashmask.net/assets/Flash-Mask-Logo-128.png",
"node": {
"lhId": "page-1-IMG",
"path": "1,HTML,1,BODY,4,DIV,0,SECTION,3,SECTION,0,DIV,1,DIV,0,DIV,0,HEADER,0,STRONG,0,IMG",
"type": "node",
"snippet": "<img src=\"/assets/Flash-Mask-Logo-128.png\" alt=\"\">",
"selector": "div.demo-app > header.demo-app-header > strong > img",
"nodeLabel": "div.demo-app > header.demo-app-header > strong > img",
"boundingRect": {
"top": -791,
"left": -571,
"right": -473,
"width": 99,
"bottom": -692,
"height": 99
}
},
"subItems": {
"type": "subitems",
"items": [
{
"reason": "Using a modern image format (WebP, AVIF) or increasing the image compression could improve this image's download size.",
"wastedBytes": 11227
},
{
"reason": "This image file is larger than it needs to be (128x128) for its displayed dimensions (23x23). Use responsive images to reduce the image download size.",
"wastedBytes": 13507
}
]
},
"totalBytes": 13958,
"wastedBytes": 13870
}
],
"headings": [
{
"key": "node",
"label": "",
"valueType": "node"
},
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "reason",
"valueType": "text"
}
},
{
"key": "totalBytes",
"label": "Resource Size",
"valueType": "bytes"
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes",
"subItemsHeading": {
"key": "wastedBytes",
"valueType": "bytes"
}
}
],
"debugData": {
"type": "debugdata",
"wastedBytes": 556809
}
}
