β
Performance Report for https://www.goingzerowaste.com/blog/easy-swaps-for-plastic-free-july/
Category Audit = performance
The performance audit in Lighthouse consists of several stages:
1. Data collection: Lighthouse launches the browser and loads the web page to collect data about its performance.
2. Metrics analysis: Lighthouse evaluates performance metrics such as page load time, content rendering speed, cache usage, and more. It also provides information on how each metric impacts the user experience.
3. Report: Lighthouse generates a report that contains the results of the performance audit. The report includes a list of recommendations for improving page performance and an assessment of each performance metric.
After conducting the performance audit in Lighthouse, you can use the data and recommendations to optimize your web page's performance and improve the user experience.
| auditthe name of the audit and its description, follow the link for more details | scorethe value of the audit score after the check | valuedetected cause values and check values | details for technician |
|---|---|---|---|
| 🔺cumulative-layout-shift Cumulative Layout Shift measures the movement of visible elements within the viewport. Learn more about the Cumulative Layout Shift metric. |
1 | 1.132 | "[{\"newEngineResult\": {\"cumulativeLayoutShift\": 1.1319647104514043, \"cumulativeLayoutShiftMainFrame\": 1.1319647104514043}, \"newEngineResultDiffered\": false, \"cumulativeLayoutShiftMainFrame\": 1.1319647104514043}]" |
| 🔺dom-size A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn how to avoid an excessive DOM size. |
50 | 901 elements | ["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-13253 > div.Entry-Main > div.Entry-Text"] |
| 🔺first-contentful-paint First Contentful Paint marks the time at which the first text or image is painted. Learn more about the First Contentful Paint metric. |
98 | 1.3 s | "[]" |
| 🔺largest-contentful-paint Largest Contentful Paint marks the time at which the largest text or image is painted. Learn more about the Largest Contentful Paint metric |
1 | 9.1 s | "[]" |
| 🔺largest-contentful-paint-element This is the largest contentful element painted within the viewport. Learn more about the Largest Contentful Paint element |
0 | 9,070 ms | "[{\"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\": 818.6324999999999, \"percent\": \"9%\"}, {\"phase\": \"Load Delay\", \"timing\": 6433.665946447088, \"percent\": \"71%\"}, {\"phase\": \"Load Time\", \"timing\": 1016.9074186518184, \"percent\": \"11%\"}, {\"phase\": \"Render Delay\", \"timing\": 800.4269639187332, \"percent\": \"9%\"}], \"headings\": [{\"key\": \"phase\", \"label\": \"Phase\", \"valueType\": \"text\"}, {\"key\": \"percent\", \"label\": \"% of LCP\", \"valueType\": \"text\"}, {\"key\": \"timing\", \"label\": \"Timing\", \"valueType\": \"ms\"}]}]" |
| 🔺layout-shift-elements These DOM elements contribute most to the CLS of the page. Learn how to improve CLS |
0 | 12 elements found | ["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-Top > div.Header-Top-Inner > div.Header-Top-Right","div.before-content > header.Header-Main > div.Header-Main-Inner > a.Header-Logo","header.Header-Top > div.Header-Top-Inner > div.Header-Top-Left > a.Header-Top-Link","header.Header-Top > div.Header-Top-Inner > div.Header-Top-Right > nav.Header-Top-Nav","div.before-content > header.Header-Top > div.Header-Top-Inner > div.Header-Top-Left","header.Header-Top > div.Header-Top-Inner > div.Header-Top-Right > button.Header-Top-Search","div.Header-Top-Inner > div.Header-Top-Left > a.Header-Top-Link > i.far","article#post-13253 > div.Entry-Main > div.Entry-Text > p#post-modified-info","div.Header-Main-Inner > nav.Header-Main-Nav > div.menu-categories-container > ul#menu-categories-1","div.Header-Top-Right > nav.Header-Top-Nav > div.menu-header-menu-container > ul#menu-header-menu-1"] |
| 🔺layout-shifts | 0 | 5 layout shifts found | ["div#Wrapper-Outer > div.before-content > header.Header-Main > div.Header-Main-BG","div#Wrapper-Outer > div.before-content > header.Header-Main > div.Header-Main-BG","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","article#post-13253 > div.Entry-Main > div.Entry-Text > p#post-modified-info"] |
| 🔺prioritize-lcp-image 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. |
50 | ["header.Header-Main > div.Header-Main-BG > picture.attachment-full > img.entered"] |
|
| 🔺speed-index Speed Index shows how quickly the contents of a page are visibly populated. Learn more about the Speed Index metric. |
39 | 6.5 s | "[]" |
| 🔺unused-javascript Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript. |
0 | Potential savings of 49 KiB | "[{\"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-identityHub\/wrapper.min.js?bust=753327942\", \"totalBytes\": 54746, \"wastedBytes\": 24742, \"wastedPercent\": 45.19513936840117}]" |
| 🔺uses-long-cache-ttl A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies. |
50 | 1 resource found | "[{\"url\": \"https:\/\/www.goingzerowaste.com\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\", \"debugData\": {\"type\": \"debugdata\", \"public\": true, \"max-age\": 172800}, \"totalBytes\": 1164, \"wastedBytes\": 349.20000000000005, \"cacheLifetimeMs\": 172800000, \"cacheHitProbability\": 0.7}]" |
| 🔺uses-rel-preconnect Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. Learn how to preconnect to required origins. |
0 | Potential savings of 330 ms | "[{\"url\": \"https:\/\/scripts.mediavine.com\", \"wastedMs\": 329.836}, {\"url\": \"https:\/\/securepubads.g.doubleclick.net\", \"wastedMs\": 316.13}]" |
| 🔺uses-responsive-images Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images. |
0 | Potential savings of 68 KiB | ["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"] |