", "nodeLabel": "I design, build and maintain production web systems: custom platforms, ecommerc…" } } ] }, { "type": "table", "headings": [ { "key": "phase", "valueType": "text", "label": "Phase" }, { "key": "percent", "valueType": "text", "label": "% of LCP" }, { "key": "timing", "valueType": "ms", "label": "Timing" } ], "items": [ { "phase": "TTFB", "timing": 454.76315, "percent": "23%" }, { "phase": "Load Delay", "timing": 0, "percent": "0%" }, { "phase": "Load Time", "timing": 0, "percent": "0%" }, { "phase": "Render Delay", "timing": 1547.5915000000002, "percent": "77%" } ] } ] }, "guidanceLevel": 1 }, "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 about optimal lazy loading](https://web.dev/articles/lcp-lazy-loading).", "score": null, "scoreDisplayMode": "notApplicable", "metricSavings": { "LCP": 0 }, "guidanceLevel": 3 }, "layout-shifts": { "id": "layout-shifts", "title": "Avoid large layout shifts", "description": "These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to [windowing](https://web.dev/articles/cls#what_is_cls). [Learn how to improve CLS](https://web.dev/articles/optimize-cls)", "score": 1, "scoreDisplayMode": "informative", "displayValue": "2 layout shifts found", "metricSavings": { "CLS": 0.001 }, "details": { "type": "table", "headings": [ { "key": "node", "valueType": "node", "subItemsHeading": { "key": "extra" }, "label": "Element" }, { "key": "score", "valueType": "numeric", "subItemsHeading": { "key": "cause", "valueType": "text" }, "granularity": 0.001, "label": "Layout shift score" } ], "items": [ { "node": { "type": "node", "lhId": "page-1-H1", "path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,SECTION,0,DIV,0,DIV,1,H1", "selector": "section#hero > div.container > div.hero__main > h1.hero__title", "boundingRect": { "top": 164, "bottom": 350, "left": 21, "right": 391, "width": 371, "height": 187 }, "snippet": "