Performance Report for https://www.goingzerowaste.com/blog/eco-friendly-baby-detergent/

Cumulative Layout Shift measures the movement of visible elements within the viewport. Learn more about the Cumulative Layout Shift metric.

"[{\"newEngineResult\": {\"cumulativeLayoutShift\": 0.605254261959315, \"cumulativeLayoutShiftMainFrame\": 0.605254261959315}, \"newEngineResultDiffered\": false, \"cumulativeLayoutShiftMainFrame\": 0.605254261959315}]"

A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn how to avoid an excessive DOM size.

["li.ez-toc-page-1 > ul.ez-toc-list-level-3 > li.ez-toc-heading-level-3 > a.ez-toc-link","div.Content-Left > article#post-33340 > div.Entry-Main > div.Entry-Text"]

First Contentful Paint marks the time at which the first text or image is painted. Learn more about the First Contentful Paint metric.

"[]"

Largest Contentful Paint marks the time at which the largest text or image is painted. Learn more about the Largest Contentful Paint metric

"[]"

This is the largest contentful element painted within the viewport. Learn more about the Largest Contentful Paint element

"[{\"type\": \"table\", \"items\": [{\"node\": {\"lhId\": \"page-0-IMG\", \"path\": \"1,HTML,1,BODY,1,DIV,1,DIV,1,HEADER,0,DIV,0,PICTURE,1,IMG\", \"type\": \"node\", \"snippet\": \"<img width=\\\"2560\\\" height=\\\"1379\\\" src=\\\"https:\/\/www.goingzerowaste.com\/wp-content\/uploads\/2022\/12\/BG-Header-Main-1\u2026\\\" alt=\\\"\\\" decoding=\\\"async\\\" data-lazy-srcset=\\\"https:\/\/www.goingzerowaste.com\/wp-content\/uploads\/2022\/12\/BG-Header-Main-s\u2026\\\" data-lazy-sizes=\\\"(max-width: 2560px) 100vw, 2560px\\\" data-lazy-src=\\\"https:\/\/www.goingzerowaste.com\/wp-content\/uploads\/2022\/12\/BG-Header-Main-s\u2026\\\" data-ll-status=\\\"loaded\\\" class=\\\"entered lazyloaded\\\" sizes=\\\"(max-width: 2560px) 100vw, 2560px\\\" srcset=\\\"https:\/\/www.goingzerowaste.com\/wp-content\/uploads\/2022\/12\/BG-Header-Main-s\u2026\\\" \u2026>\", \"selector\": \"header.Header-Main > div.Header-Main-BG > picture.attachment-full > img.entered\", \"nodeLabel\": \"header.Header-Main > div.Header-Main-BG > picture.attachment-full > img.entered\", \"boundingRect\": {\"top\": 59, \"left\": 0, \"right\": 800, \"width\": 800, \"bottom\": 316, \"height\": 257}}}], \"headings\": [{\"key\": \"node\", \"label\": \"Element\", \"valueType\": \"node\"}]}, {\"type\": \"table\", \"items\": [{\"phase\": \"TTFB\", \"timing\": 735.806, \"percent\": \"8%\"}, {\"phase\": \"Load Delay\", \"timing\": 6068.892490718874, \"percent\": \"69%\"}, {\"phase\": \"Load Time\", \"timing\": 1141.7463482068342, \"percent\": \"13%\"}, {\"phase\": \"Render Delay\", \"timing\": 814.3611610742928, \"percent\": \"9%\"}], \"headings\": [{\"key\": \"phase\", \"label\": \"Phase\", \"valueType\": \"text\"}, {\"key\": \"percent\", \"label\": \"% of LCP\", \"valueType\": \"text\"}, {\"key\": \"timing\", \"label\": \"Timing\", \"valueType\": \"ms\"}]}]"

These DOM elements contribute most to the CLS of the page. Learn how to improve CLS

["div#Wrapper-Outer > div.before-content > header.Header-Main > div.Header-Main-BG","body.post-template-default > div#Wrapper-Outer > div.Content","div.before-content > header.Header-Main > div.Header-Main-Inner > a.Header-Logo","div.before-content > header.Header-Top > div.Header-Top-Inner > div.Header-Top-Right","header.Header-Top > div.Header-Top-Inner > div.Header-Top-Left > a.Header-Top-Link","div.Header-Top-Inner > div.Header-Top-Left > a.Header-Top-Link > i.far"]

["div#Wrapper-Outer > div.before-content > header.Header-Main > div.Header-Main-BG","div.before-content > header.Header-Main > div.Header-Main-Inner > a.Header-Logo"]

The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.

[]

If the LCP element is dynamically added to the page, you should preload the image in order to improve LCP. Learn more about preloading LCP elements.

["header.Header-Main > div.Header-Main-BG > picture.attachment-full > img.entered"]

Speed Index shows how quickly the contents of a page are visibly populated. Learn more about the Speed Index metric.

"[]"

Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.

"[{\"url\": \"https:\/\/faves.grow.me\/app.7.238.0.js\", \"totalBytes\": 49399, \"wastedBytes\": 25741, \"wastedPercent\": 52.10746058110168}, {\"url\": \"https:\/\/scripts.mediavine.com\/tags\/3.1.2\/wrapper.min.js?bust=1938745965\", \"totalBytes\": 54749, \"wastedBytes\": 24706, \"wastedPercent\": 45.12608959945232}]"

A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies.

"[{\"url\": \"https:\/\/www.goingzerowaste.com\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\", \"debugData\": {\"type\": \"debugdata\", \"public\": true, \"max-age\": 172800}, \"totalBytes\": 1165, \"wastedBytes\": 349.50000000000006, \"cacheLifetimeMs\": 172800000, \"cacheHitProbability\": 0.7}]"

Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. Learn how to preconnect to required origins.

"[{\"url\": \"https:\/\/scripts.mediavine.com\", \"wastedMs\": 333.85}]"

Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images.

["div.Mobile-Nav-Inner > div.Mobile-Nav-Logo > picture.attachment-large > img.entered","div.Header-Main-Inner > a.Header-Logo > picture.attachment-medium_large > img.entered"]