A high number of DOM elements means a lot of work for the browser to render the page.
It also slows down JavaScript DOM queries, as there are more elements to search through.
","label":"DOM elements count","tool":"phantomas"},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"DOMelementMaxDepth":{"value":13,"policy":{"hasOffenders":true,"isAbnormalThreshold":32,"isBadThreshold":25,"isOkThreshold":15,"message":"A deep DOM makes the CSS matching with DOM elements difficult.
It also slows down JavaScript modifications to the DOM because changing the dimensions of an element makes the browser re-calculate the dimensions of it's parents. Same thing for JavaScript events, that bubble up to the document root.
","label":"DOM max depth","tool":"phantomas"},"offendersObj":{"count":13,"tree":{"body":{"header#header":{"div.container":{"div#menu-burger":{"nav.menu-primary":{"ul[0]":{"li.parent":{"ul#sub-menu-1142":{"li.parent":{"ul#sub-menu-999":{"li.parent":{"ul#sub-menu-1145":{"li[0]":{"a.n4":1},"li[1]":{"a.n4":1},"li[2]":{"a.n4":1},"li[3]":{"a.n4":1},"li[4]":{"a.n4":1},"li[5]":{"a.n4":1},"li[6]":{"a.n4":1},"li[7]":{"a.n4":1}},"ul#sub-menu-1147":{"li[0]":{"a.n4":1},"li[1]":{"a.n4":1},"li[2]":{"a.n4":1},"li[3]":{"a.n4":1}},"ul#sub-menu-1146":{"li[0]":{"a.n4":1}}}}}}}}}}}}}}},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"iframesCount":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":30,"isBadThreshold":15,"isOkThreshold":4,"message":"iFrames are the most complex HTML elements. They are pages, just like the main page, and the browser needs to create a new page context, which has a cost.
","label":"Number of iframes","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"DOMidDuplicated":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":50,"isBadThreshold":10,"isOkThreshold":0,"message":"IDs of HTML elements must be document-wide unique. This can cause problems with getElementById returning the wrong element.
","label":"IDs duplicated","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"scriptDuration":{"value":30,"policy":{"unit":"ms","hasOffenders":false,"isAbnormalThreshold":4000,"isBadThreshold":2000,"isOkThreshold":500,"message":"This is the number of milliseconds spent by the browser on JavaScript execution during page load.
For more details, try using the performance tab in Chrome DevTools. It is a bit complicated at first sight, but you'll be able to analyze exactly where this execution time is spent.
","label":"Total JS execution time","tool":"phantomas"},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"DOMaccesses":{"value":35,"policy":{"hasOffenders":true,"isAbnormalThreshold":5000,"isBadThreshold":2500,"isOkThreshold":500,"message":"This metric estimates the number of times the JavaScript reads, changes or binds the DOM.
The more your JavaScript code accesses the DOM, the slower the page will load.
Try, as much as possible, to have an HTML page fully generated by the server instead of making changes with JS.
Try to reduce the number of queries by refactoring your JavaScript code.
Binding too many events also has a cost.
","label":"DOM access","tool":"domAccessAgregator"},"offendersObj":{"list":{"byType":{"DOMqueriesById":[],"DOMqueriesByTagName":[{"tag":"script","node":"#document"}],"DOMqueriesByClassName":[],"DOMqueriesByQuerySelectorAll":[{"selector":".slider-container,.tabs","node":"#document"},{"selector":"form","node":"#document"},{"selector":"#btn-burger","node":"#document"},{"selector":".slider-container","node":"#document"},{"selector":".slider, .btn-slider.left,.btn-slider.right, .slider-dots","node":"body > main#main > section#section_2 > div.slider-container"},{"selector":"article","node":"body > main#main > section#section_2 > div.slider-container"},{"selector":".slider, .btn-slider.left,.btn-slider.right, .slider-dots","node":"body > main#main > section#section_4 > div.container.grid > div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards"},{"selector":"article","node":"body > main#main > section#section_4 > div.container.grid > div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards"},{"selector":".slider, .btn-slider.left,.btn-slider.right, .slider-dots","node":"body > main#main > section#section_5 > div.container.grid > div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards"},{"selector":"article","node":"body > main#main > section#section_5 > div.container.grid > div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards"}],"DOMinserts":[{"append":"head > script[27]","node":"head"}],"DOMmutationsInserts":[],"DOMmutationsRemoves":[],"DOMmutationsAttributes":[{"attribute":"class","node":"div.slider-container.loaded"},{"attribute":"class","node":"div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards.loaded"},{"attribute":"class","node":"div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards.loaded"}],"eventsBound":[{"eventType":"load","path":"window"},{"eventType":"load","path":"window"},{"eventType":"load","path":"window"},{"eventType":"DOMContentLoaded","path":"#document"},{"eventType":"DOMContentLoaded","path":"#document"},{"eventType":"load","path":"window"},{"eventType":"scroll","path":"#document"},{"eventType":"popstate","path":"window"},{"eventType":"pageshow","path":"window"},{"eventType":"click","path":"#document"},{"eventType":"auxclick","path":"#document"},{"eventType":"submit","path":"#document"},{"eventType":"submit","path":"#document"},{"eventType":"click","path":"#document"},{"eventType":"auxclick","path":"#document"},{"eventType":"scroll","path":"body > main#main > section#section_2 > div.slider-container > div.list-of-challenge-slider.grid.grid-infinite.slider"},{"eventType":"scroll","path":"body > main#main > section#section_4 > div.container.grid > div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards > div.list-of-digital-solutions.grid.grid-infinite.slider"},{"eventType":"scroll","path":"body > main#main > section#section_5 > div.container.grid > div.bg-blue.col-xs-12.col-md-6.slider-container.slider-cards > div.list-of-products.grid.grid-infinite.slider"},{"eventType":"click","path":"#document"},{"eventType":"click","path":"#document"}]}}},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"eventsScrollBound":{"value":1,"policy":{"hasOffenders":true,"isAbnormalThreshold":15,"isBadThreshold":8,"isOkThreshold":1,"message":"Number of 'scroll' event listeners binded to 'window' or 'document'.
Asking too much work to the browser on scroll hurts the smoothness of the scroll. Merging all your event listeners into an unique listener can help you factorize their code and reduce their footprint on scroll.
","label":"Scroll events bound","tool":"phantomas"},"offendersObj":{"count":1,"list":[{"parseError":{"element":"#document"}}]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"jsErrors":{"value":1,"policy":{"hasOffenders":true,"isAbnormalThreshold":5,"isBadThreshold":1,"isOkThreshold":0,"message":"Just to let you know there are some errors on the page.
","label":"JavaScript errors","tool":"phantomas"},"offendersObj":{"count":1,"list":[{"error":"Cannot read properties of undefined (reading '0')","backtrace":[]}]},"bad":true,"abnormal":false,"score":0,"abnormalityScore":0,"globalScoreIfFixed":98},"documentWriteCalls":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":6,"isBadThreshold":2,"isOkThreshold":0,"message":"They slow down the page construction, especially if they are used to insert scripts in the page. Remove them ASAP.
If you cannot remove them because they come from a third-party script (such as ads), have a look at PostScribe.
","label":"document.write calls","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"synchronousXHR":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":1,"isBadThreshold":1,"isOkThreshold":0,"message":"Making an XMLHttpRequest with the async option set to false is deprecated due to the negative effect to performances. The browser's main thread needs to stop everything until the response is received.
","label":"Synchronous Ajax requests","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"globalVariables":{"value":8,"policy":{"hasOffenders":true,"isAbnormalThreshold":800,"isBadThreshold":300,"isOkThreshold":20,"message":"It is a bad practice because they clutter up the global namespace. If two scripts use the same variable name in the global scope, it can cause conflicts and it is generally hard to debug.
Global variables also take a (very) little bit longer to be accessed than variables in the local scope of a function.
","label":"Global variables","tool":"phantomas"},"offendersObj":{"count":8,"list":["CF7AppsLoadhCaptcha","SliderMethods","collections","main_scripts","plausible","plausible_analytics_i18n","r","script"]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"jQueryVersionsLoaded":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":3,"isBadThreshold":2,"isOkThreshold":1,"message":"jQuery is a heavy library. You should never load jQuery more than once on the same page.
","label":"Several jQuery loaded","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssParsingErrors":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":20,"isBadThreshold":2,"isOkThreshold":0,"message":"Yellow Lab Tools failed to parse a CSS file. I doubt the problem comes from the css parser.
Maybe a CSS validator can help you.
","label":"CSS syntax error","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssRules":{"value":839,"policy":{"hasOffenders":true,"isAbnormalThreshold":8000,"isBadThreshold":5000,"isOkThreshold":2000,"message":"Having a huge number of CSS rules hurts performances. If the number of CSS rules is higher than the number of DOM elements, there is clearly a problem.
Huge stylesheets generally occur when the different pages of a website load all the CSS, concatenated in a single stylesheet, even if a large part of the rules are page-specific. Solution is to create one main CSS file with global rules and one custom file per page.
","label":"Rules count","tool":"phantomas"},"offendersObj":{"count":8,"list":[{"url":"[inline CSS]","value":2},{"url":"[inline CSS]","value":1},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","value":542},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-xs-d74000e88e.css","value":57},{"url":"https://www.ccpa.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css?ver=1","value":4},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-print-06949825d4.css","value":3},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-sm-6bf75709c7.css","value":18},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-mdlg-1985d89251.css","value":212}]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssComplexSelectors":{"value":26,"policy":{"hasOffenders":true,"isAbnormalThreshold":24000,"isBadThreshold":1000,"isOkThreshold":0,"message":"Complex selectors are CSS selectors with 4 or more expressions, like \"#header ul li .foo\".
They are adding more work for the browser, and this could be avoided by simplifying selectors. The B.E.M. methodology is a useful way to simplify your CSS.
","label":"Complex selectors","tool":"phantomas"},"offendersObj":{"byFile":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","count":7,"offenders":[{"css":"input[type=checkbox]:checked+label:before","line":1,"column":12309},{"css":".mce-content-body a:not(.btn):not(.insert):hover","line":1,"column":18580},{"css":".card-blog figure.no-thumbnail-scientific .ico","line":1,"column":22348},{"css":".text_image-section .grid .image_size_width img","line":1,"column":34217},{"css":".text_image-section .grid .contain img","line":1,"column":34398},{"css":".contact-banner .container>div p","line":1,"column":39199},{"css":".logged-in .skip-link a:focus","line":1,"column":43927}]},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-xs-d74000e88e.css","count":5,"offenders":[{"css":".menu-primary button.n1[aria-expanded=true]:before","line":1,"column":1407},{"css":".menu-primary .sub-menu-product button.n3","line":1,"column":1701},{"css":".open-burger .banner .logo:before","line":1,"column":2049},{"css":".open-burger .banner .logo img","line":1,"column":2135},{"css":".open-burger #btn-burger .ico:before","line":1,"column":2248}]},{"url":"https://www.ccpa.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css?ver=1","count":1,"offenders":[{"css":".rtl .wpml-ls-menu-item .wpml-ls-flag+span","line":1,"column":128}]},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-mdlg-1985d89251.css","count":13,"offenders":[{"css":"ol.cards.right_text li:before","line":1,"column":1117},{"css":".menu-primary .n1+[class=sub-menu]>.parent","line":1,"column":7052},{"css":".menu-primary .n1+[class=sub-menu]>li","line":1,"column":7113},{"css":".menu-primary .n1+[class=sub-menu]>li:last-child","line":1,"column":7236},{"css":".sub-menu-challenges .sub-menu li:last-child","line":1,"column":10402},{"css":".sub-menu-challenges .sub-menu li:last-child a","line":1,"column":10493},{"css":".sub-menu-challenges li:last-child .n2","line":1,"column":10896},{"css":".sub-menu-products-services .n2+.sub-menu>li:last-child","line":1,"column":11600},{"css":".sub-menu-products-services .n2+.sub-menu>li:last-child a","line":1,"column":11724},{"css":".sub-menu-products-services .product+.sub-menu .sub-menu","line":1,"column":13117},{"css":".sub-menu-products-services .product+.sub-menu li:first-child","line":1,"column":13209},{"css":".text_cards-section:has(.right_text) .col-lg-5 .mce-content-body","line":1,"column":14601},{"css":".logged-in .text_cards-section:has(.right_text) .col-lg-5 .mce-content-body","line":1,"column":14692}]}]},"bad":true,"abnormal":false,"score":97,"abnormalityScore":0,"globalScoreIfFixed":96},"cssColors":{"value":13,"policy":{"hasOffenders":true,"isAbnormalThreshold":500,"isBadThreshold":200,"isOkThreshold":100,"message":"This is the number of different colors defined in CSS.
Your CSS will be easier to maintain if you keep a small color set.
","label":"Colors count","tool":"phantomas"},"offendersObj":{"count":13,"palette":[{"color":"#1f2951","occurrences":85},{"color":"#ffffff","occurrences":67},{"color":"#8bd07e","occurrences":62},{"color":"#eff1f4","occurrences":29},{"color":"#626985","occurrences":21},{"color":"#131a35","occurrences":18},{"color":"#c4c4c4","occurrences":6},{"color":"#32373c","occurrences":2},{"color":"#d3d3d3","occurrences":1},{"color":"rgba(51,51,51,0.5803571429)","occurrences":1},{"color":"rgba(31,41,81,0.5)","occurrences":1},{"color":"rgba(31,41,81,0.75)","occurrences":1},{"color":"rgba(31,41,81,0.4)","occurrences":1}]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"similarColors":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":120,"isBadThreshold":60,"isOkThreshold":0,"message":"This is the list of colors found in the stylesheets, that are very close to each other. The eye can barely see the difference.
Use this list to reduce the number of colors in your palette, it will be easier to maintain.
","label":"Similar colors","tool":"colorDiff"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssBreakpoints":{"value":10,"policy":{"hasOffenders":true,"isAbnormalThreshold":80,"isBadThreshold":50,"isOkThreshold":10,"message":"This is the number of different breakpoints found in the stylesheets' media queries.
Please note this rule is based on min-width, max-width, min-device-width and max-device-width media queries only.
Your CSS will be easier to maintain if you keep a reasonable number of breakpoints. Try to make a fluid design - using percents - to avoid the creation of numerous breakpoints.
","label":"Breakpoints count","tool":"mediaQueriesChecker"},"offendersObj":[{"breakpoint":"783px","count":1,"pixels":783},{"breakpoint":"959px","count":2,"pixels":959},{"breakpoint":"960px","count":2,"pixels":960},{"breakpoint":"767px","count":1,"pixels":767},{"breakpoint":"1279px","count":1,"pixels":1279},{"breakpoint":"768px","count":1,"pixels":768},{"breakpoint":"1280px","count":1,"pixels":1280},{"breakpoint":"1441px","count":1,"pixels":1441},{"breakpoint":"1680px","count":1,"pixels":1680},{"breakpoint":"1920px","count":1,"pixels":1920}],"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssMobileFirst":{"value":58,"policy":{"hasOffenders":true,"isAbnormalThreshold":1200,"isBadThreshold":400,"isOkThreshold":60,"message":"This is the number of CSS rules inside media queries that address small screens.
The common good practice, when creating a responsive website, is to write it \"mobile-first\". More explanation in this great article.
","label":"Not mobile-first media queries","tool":"mediaQueriesChecker"},"offendersObj":{"byFile":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","count":1,"offenders":[{"query":"(hover:hover)and (max-width:959px),(hover:none)","rules":1,"line":1,"column":43677}]},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-xs-d74000e88e.css","count":3,"offenders":[{"query":"(max-width:767px)","rules":7,"line":1,"column":1},{"query":"(max-width:1279px)","rules":31,"line":1,"column":457},{"query":"(max-width:959px)","rules":19,"line":1,"column":2637}]}]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssImports":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":1,"isBadThreshold":1,"isOkThreshold":0,"message":"It’s bad for performance to use @import because CSS files don't get downloaded in parallel.
You should use <link rel='stylesheet' href='a.css'> instead.
","label":"Uses of @import","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssDuplicatedSelectors":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":200,"isBadThreshold":100,"isOkThreshold":0,"message":"This is when two or more selectors are strictly identical and should be merged.
","label":"Duplicated selectors","tool":"phantomas"},"offendersObj":{"byFile":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssDuplicatedProperties":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":200,"isBadThreshold":100,"isOkThreshold":0,"message":"This is the number of property definitions duplicated within a selector.
","label":"Duplicated properties","tool":"phantomas"},"offendersObj":{"byFile":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssEmptyRules":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":120,"isBadThreshold":50,"isOkThreshold":0,"message":"Very easy to fix: remove all empty rules.
","label":"Empty rules","tool":"phantomas"},"offendersObj":{"byFile":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssImportants":{"value":4,"policy":{"hasOffenders":true,"isAbnormalThreshold":1000,"isBadThreshold":200,"isOkThreshold":0,"message":"It can be useful, but only as a last resort. It is a bad practice because it overrides the normal cascading logic. The more you use !important, the more you need it again to over-override. This conducts to a poor maintainability.
","label":"Uses of !important","tool":"phantomas"},"offendersObj":{"byFile":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","count":3,"offenders":[{"rule":"#ccpa-map .leaflet-popup","property":"left","value":"20px","line":1,"column":39671},{"rule":"#ccpa-map .leaflet-popup","property":"top","value":"-35px","line":1,"column":39691},{"rule":"#ccpa-map .leaflet-popup","property":"bottom","value":"auto","line":1,"column":39711}]},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-print-06949825d4.css","count":1,"offenders":[{"rule":".searchform, aside, footer, header","property":"display","value":"none","line":1,"column":66}]}]},"bad":true,"abnormal":false,"score":98,"abnormalityScore":0,"globalScoreIfFixed":96},"cssOldIEFixes":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":300,"isBadThreshold":100,"isOkThreshold":0,"message":"What browser do you need to support? Once you've got the answer, take a look at these old rules that pollute your CSS code and remove them.
IE6:
IE7:
IE9:
Many property prefixes such as -moz- or -webkit- are not needed anymore, or by very few people. Sometimes, they have never even existed. You can remove them or replace them with the non-prefixed version. This will help reducing your stylesheets weight.
The prefixes database comes from Can I Use.
","label":"Old prefixes","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssRedundantBodySelectors":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":400,"isBadThreshold":120,"isOkThreshold":0,"message":"This is one way to remove complexity from a CSS rule. Generally, when \"body\" is specified in a rule it can be removed, because an element is necessarily inside the body.
","label":"Redundant body selectors","tool":"phantomas"},"offendersObj":{"byFile":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cssRedundantChildNodesSelectors":{"value":2,"policy":{"hasOffenders":true,"isAbnormalThreshold":400,"isBadThreshold":120,"isOkThreshold":0,"message":"Some tags included inside other tags are obvious. For example, when \"ul li\" is specified in a rule, \"ul\" can be removed because the \"li\" tag is nearly always inside an \"ul\" container (the \"ol\" container is quite rare). Same thing for \"tr td\", \"select option\", ...
Lowering compexity in CSS selectors can make the page load a little faster.
","label":"Redundant tags selectors","tool":"phantomas"},"offendersObj":{"byFile":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","count":2,"offenders":[{"css":".mce-content-body ul li","line":1,"column":17936,"bolded":".mce-content-body ul li"},{"css":".mce-content-body ol li","line":1,"column":18128,"bolded":".mce-content-body ol li"}]}]},"bad":true,"abnormal":false,"score":98,"abnormalityScore":0,"globalScoreIfFixed":96},"totalWeight":{"value":285804,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":5242880,"isBadThreshold":3145728,"isOkThreshold":1572864,"message":"The weight is of course very important if you want the page to load fast. Try to stay under 1MB, which is already very long to download over a slow connection.
","label":"Total weight","tool":"redownload"},"offendersObj":{"list":{"totalWeight":285804,"byType":{"html":{"totalWeight":12378,"requests":[{"url":"https://www.ccpa.com/fr/","weight":12378}]},"css":{"totalWeight":18031,"requests":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","weight":9797},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-xs-d74000e88e.css","weight":1806},{"url":"https://www.ccpa.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css?ver=1","weight":573},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-print-06949825d4.css","weight":625},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-sm-6bf75709c7.css","weight":1000},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-mdlg-1985d89251.css","weight":4230}]},"js":{"totalWeight":9600,"requests":[{"url":"https://www.ccpa.com/wp-content/plugins/plausible-analytics/assets/dist/js/plausible-form-submit-integration.js?ver=1773313962","weight":1898},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/scripts/main_scripts-56520235d6.js?ver=1","weight":772},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/scripts/menu-d075bab4fc.js?ver=1","weight":1840},{"url":"https://plausible.io/js/pa-AJUYUkLD1rgXLVNSidAM-.js","weight":3382},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/scripts/slider-dc11c57c92.js","weight":1708}]},"json":{"totalWeight":0,"requests":[]},"image":{"totalWeight":192950,"requests":[{"url":"https://www.ccpa.com/wp-content/uploads/2026/01/logo-ccpa.svg","weight":3895},{"url":"https://www.ccpa.com/wp-content/uploads/2026/03/Nature-818x1220.jpg","weight":177587},{"url":"https://www.ccpa.com/wp-content/uploads/2026/02/stress-thermique.svg","weight":2334},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/images/language-69c65e5738.svg","weight":1670},{"url":"https://www.ccpa.com/wp-content/uploads/2026/02/efficacite-alimentaire.svg","weight":3566},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/images/logo-ccpa-white-a486adea05.svg","weight":3898}]},"video":{"totalWeight":0,"requests":[]},"webfont":{"totalWeight":52845,"requests":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/fonts/epilogue-latin-43d9a5b1cc.woff2","weight":36141},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/fonts/ccpa-cbcb50ddcb.woff2","weight":16704}]},"other":{"totalWeight":0,"requests":[]}}}},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"imagesNotOptimized":{"value":13675,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":307200,"isBadThreshold":204800,"isOkThreshold":2048,"message":"This metric measures the number of bytes that could be saved by optimizing images.
Image optimization is generally one of the easiest way to reduce a page weight, and as a result, the page load time. Don't use Photoshop or other image editing tools, they're not very good for optimization. Use specialized tools such as Kraken.io or the excellent ImageOptim on Mac. For SVG images, you can use SVGOMG.
The tools in use in YellowLabTools are not set to their maximum optimization power, so you might be able to compress even more!
","label":"Image optimization","tool":"phantomas"},"offendersObj":[{"url":"https://www.ccpa.com/wp-content/uploads/2026/01/logo-ccpa.svg","fileSize":8185,"newFileSize":4579,"gain":3606},{"url":"https://www.ccpa.com/wp-content/uploads/2026/02/stress-thermique.svg","fileSize":4853,"newFileSize":2971,"gain":1882},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/images/language-69c65e5738.svg","fileSize":3133,"newFileSize":2013,"gain":1120},{"url":"https://www.ccpa.com/wp-content/uploads/2026/02/efficacite-alimentaire.svg","fileSize":6972,"newFileSize":3556,"gain":3416},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/images/logo-ccpa-white-a486adea05.svg","fileSize":8224,"newFileSize":4573,"gain":3651}],"bad":true,"abnormal":false,"score":94,"abnormalityScore":0,"globalScoreIfFixed":96},"imagesOldFormat":{"value":0,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":819200,"isBadThreshold":512000,"isOkThreshold":2048,"message":"This metric goes further than \"Image optimization\". Measures the number of bytes that could be saved by converting images to newer and more efficient formats. The best image format is generally AVIF and the second best is WebP.
Be careful, you need to provide fallback images for old browsers and search engine bots.
","label":"Old image formats","tool":"phantomas"},"offendersObj":[],"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"imagesScaledDown":{"value":110972,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":512000,"isBadThreshold":307200,"isOkThreshold":2048,"message":"This rule compares the number of pixels in a loaded images to the number of physical pixels it is displayed on. Then it estimates the number of KB that could be saved by serving it with the correct dimensions.
Of course, it is hard to serve perfect images for all screens. For this reason, this rule is quite permissive.
","label":"Oversized images","tool":"phantomas"},"offendersObj":[{"url":"https://www.ccpa.com/wp-content/uploads/2026/03/Nature-818x1220.jpg","naturalWidth":818,"naturalHeight":1220,"fileSize":177190,"newWidth":721,"newHeight":406,"dpr":1.75,"newFileSize":66218,"gain":110972}],"bad":true,"abnormal":false,"score":64,"abnormalityScore":0,"globalScoreIfFixed":97},"imagesExcessiveDensity":{"value":0,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":512000,"isBadThreshold":307200,"isOkThreshold":102400,"message":"This metric measures the number of bytes that could be saved by going further than just resizing images.
Devices with very high pixel density screen (such as 3x or 4x) are programmed to load high density images. This is the normal behavior, however the human eye barely sees the difference over 2x. This metric alerts you if an image density is > 2.2x.
There is currently no browser functionnality to prevent the issue (for this reason its impact on global score is low). But you can build your own clever solution!
","label":"Excessive image density","tool":"phantomas"},"offendersObj":[],"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"imagesWithIncorrectSizesParam":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":10,"isBadThreshold":5,"isOkThreshold":0,"message":"When using an adaptative image with a srcset attribute and w values, it is important to correctly set the sizes attribute. Otherwise, the browser might pick the wrong image in the srcset.
The Responsive Image Linter extension for Chrome can help you further.
","label":"Incorrect sizes parameter","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"compression":{"value":2640,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":409600,"isBadThreshold":204800,"isOkThreshold":20480,"message":"Measures the number of bytes that could be saved by compressing textual files. Some files listed below might not be compressed at all, some might be already compressed with Gzip but would become even lighter with Brotli.
All major server systems are now compatible with Brotli.
Note that compressing small files (< 1 KB) is arguable, and that some assets such as images should not be compressed as it is already included in their format. Here is a list of MIME types that should be compressed.
","label":"Gzip/Brotli compression","tool":"redownload"},"offendersObj":{"list":{"totalGain":2640,"files":[{"url":"https://www.ccpa.com/fr/","wasCompressed":true,"brotlified":10609,"originalSize":11830,"gain":1221},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-d2319d090f.css","wasCompressed":true,"brotlified":8828,"originalSize":9364,"gain":536},{"url":"https://www.ccpa.com/wp-content/uploads/2026/01/logo-ccpa.svg","wasCompressed":true,"brotlified":3188,"originalSize":3472,"gain":284},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/styles/style-mdlg-1985d89251.css","wasCompressed":true,"brotlified":3490,"originalSize":3797,"gain":307},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/images/logo-ccpa-white-a486adea05.svg","wasCompressed":true,"brotlified":3183,"originalSize":3475,"gain":292}]}},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"fileMinification":{"value":2415,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":122880,"isBadThreshold":61440,"isOkThreshold":5125,"message":"This is the weight that could be saved if all text resources were correctly minified.
The tools in use here are UglifyJS, clean-css and HTMLMinifier. These tools are so good that some of your minified files can be marked as unminified. Change your tool if this happens :)
The gains of minification are generally small, but the impact can be high when these text files are loaded on the critical path.
","label":"File minification","tool":"redownload"},"offendersObj":{"list":{"totalGain":2415,"files":[{"url":"https://www.ccpa.com/fr/","originalWeigth":11830,"isCompressible":true,"isCompressed":true,"originalCompressedWeight":11830,"afterOptimizationAndCompression":10613,"optimized":51105,"gain":1217},{"url":"https://www.ccpa.com/wp-content/plugins/plausible-analytics/assets/dist/js/plausible-form-submit-integration.js?ver=1773313962","originalWeigth":1459,"isCompressible":true,"isCompressed":true,"originalCompressedWeight":1459,"afterOptimizationAndCompression":261,"optimized":400,"gain":1198}]}},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"totalRequests":{"value":20,"policy":{"hasOffenders":true,"isAbnormalThreshold":320,"isBadThreshold":240,"isOkThreshold":80,"message":"Each request slows down the page loading, especially on the protocol HTTP/1, but also a little on HTTP/2 or 3.
There are several technics to reduce their number:
For each domain met, the browser needs to make a DNS look-up, which is slow. Avoid having to many different domains and the page should render faster.
By the way, domain sharding is not a good practice anymore.
","label":"Different domains","tool":"phantomas"},"offendersObj":{"count":2,"list":[{"domain":"www.ccpa.com","requests":19},{"domain":"plausible.io","requests":1}]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"notFound":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":1,"isBadThreshold":1,"isOkThreshold":0,"message":"404 errors are never cached, so each time a page ask for it, it hits the server. Even if it is behind a CDN or a reverse-proxy cache.
","label":"404 not found","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"closedConnections":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":15,"isBadThreshold":4,"isOkThreshold":0,"message":"This counts the number of requests not keeping the connection alive (specifying \"Connection: close\" in the response headers). It is only counting a request if it is followed by another request on the same domain.
This is slowing down the next request, because the brower needs to open a new connection to the server, which means an additional round-trip.
Correct the problem by setting a Keep-Alive header on the guilty server.
","label":"Connections closed","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"identicalFiles":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":15,"isBadThreshold":5,"isOkThreshold":0,"message":"This is the number of requests that could be avoided, because of downloaded files that have the same content but are loaded from different URLs.
Try to load them from the same URL.
","label":"Identical content","tool":"redownload"},"offendersObj":{"avoidableRequests":0,"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"emptyRequests":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":5,"isBadThreshold":1,"isOkThreshold":0,"message":"List of GET requests that respond with an empty body. These are probably the easiest requests to remove.
","label":"Empty requests","tool":"redownload"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"lazyLoadableImagesBelowTheFold":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":30,"isBadThreshold":12,"isOkThreshold":1,"message":"This is the number of images displayed below the fold that could be lazy-loaded. This is an excellent way to accelerate the loading time of an heavy page.
I recommend using lazysizes or Lozad.
","label":"Below the fold images","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"hiddenImages":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":30,"isBadThreshold":12,"isOkThreshold":1,"message":"List of all images that have a display:none property, or one of their parents. These images are loaded by the browser even if they're not visible. You might be able to find a way to lazy-load them, only when they get visible.
As images displayed in 1x1 pixels tend to be trackers, they are excluded from this rule.
","label":"Hidden images","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"fontsCount":{"value":2,"policy":{"hasOffenders":true,"isAbnormalThreshold":8,"isBadThreshold":5,"isOkThreshold":1,"message":"This is the number of custom web fonts loaded on the page.
Webfonts are beautiful, but heavy. You should keep their number as low as possible.
","label":"Webfonts number","tool":"redownload"},"offendersObj":{"count":2,"list":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/fonts/epilogue-latin-43d9a5b1cc.woff2","size":35728},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/fonts/ccpa-cbcb50ddcb.woff2","size":16291}]},"bad":true,"abnormal":false,"score":75,"abnormalityScore":0,"globalScoreIfFixed":97},"heavyFonts":{"value":0,"policy":{"hasOffenders":true,"unit":"bytes","isAbnormalThreshold":204800,"isBadThreshold":102400,"isOkThreshold":0,"message":"This metric is the sum of all bytes above 40KB in loaded fonts. Over this size, the font is probably not optimized for the web.
It can be a compresson issue, a font that contains too many glyphs or a font with complex shapes.
","label":"Overweighted webfonts","tool":"redownload"},"offendersObj":{"count":0,"fonts":[{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/fonts/epilogue-latin-43d9a5b1cc.woff2","weight":35728,"numGlyphs":301,"averageGlyphComplexity":31.5},{"url":"https://www.ccpa.com/wp-content/themes/ccpa/dist/fonts/ccpa-cbcb50ddcb.woff2","weight":16291,"numGlyphs":98,"averageGlyphComplexity":74.9}],"totalGain":0},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"nonWoff2Fonts":{"value":0,"policy":{"unit":"bytes","hasOffenders":true,"isAbnormalThreshold":122880,"isBadThreshold":51200,"isOkThreshold":0,"message":"The fonts listed here could be lighter if they were served with the latest WOFF 2 font file format. Some online tools can help you easily convert older formats to WOFF 2.
","label":"WOFF 2","tool":"redownload"},"offendersObj":{"list":{"totalGain":0,"fonts":[]}},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"oldHttpProtocol":{"value":0,"score":100,"bad":false,"abnormal":false,"abnormalityScore":0,"offendersObj":{"count":0,"list":[]},"policy":{"label":"HTTP protocols","message":"HTTP/2 is the latest version of the HTTP protocol. It is designed to optimize load speed. HTTP/3 will come soon and should be even faster!
When a domain sends more than 4 requests over HTTP/1, this metric counts one point for each new request. Below 5 requests, the benefits of HTTP/2 are generally less significant.
","hasOffenders":true},"globalScoreIfFixed":96},"oldTlsProtocol":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":15,"isBadThreshold":5,"isOkThreshold":0,"message":"Counts the number of domains that use TLS versions < 1.3. This is the latest version and it includes a faster \"handshake\" technology.
The 1.0 and 1.1 versions are deprecated because they are unsafe, switch to 1.2 or above as soon as possible.
The version 1.3 includes an even faster option called 0-RTT, check your server compatibility on SSL Labs.
","label":"TLS protocols","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cachingDisabled":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":30,"isBadThreshold":15,"isOkThreshold":2,"message":"Counts responses with caching disabled (max-age=0)
Fix immediatly if on static assets.
","label":"Caching disabled","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cachingNotSpecified":{"value":0,"policy":{"hasOffenders":true,"isAbnormalThreshold":40,"isBadThreshold":20,"isOkThreshold":5,"message":"When no caching is specified, each browser will handle it differently. Most of the time, it will automatically add a cache for you, but a poor one. You'd better handle it yourself.
","label":"Caching not specified","tool":"phantomas"},"offendersObj":{"count":0,"list":[]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96},"cachingTooShort":{"value":1,"policy":{"hasOffenders":true,"isAbnormalThreshold":50,"isBadThreshold":25,"isOkThreshold":5,"message":"Responses with too short caching time (less than a week).
The longer you cache, the better. Add versionning to your static assets, if it's not already done, and set their cache time to one year.
","label":"Caching too short","tool":"phantomas"},"offendersObj":{"count":1,"list":[{"url":"https://plausible.io/js/pa-AJUYUkLD1rgXLVNSidAM-.js","ttl":60,"ttlWithUnit":3,"unit":"days"}]},"bad":false,"abnormal":false,"score":100,"abnormalityScore":0,"globalScoreIfFixed":96}},"scoreProfiles":{"generic":{"categories":{"pageWeight":{"label":"Network","categoryScore":100,"rules":["totalWeight","totalRequests","domains","compression","fileMinification","identicalFiles","emptyRequests","notFound"]},"images":{"label":"Images","categoryScore":91,"rules":["imagesNotOptimized","imagesOldFormat","imagesScaledDown","imagesExcessiveDensity","imagesWithIncorrectSizesParam","lazyLoadableImagesBelowTheFold","hiddenImages"]},"domComplexity":{"label":"DOM complexity","categoryScore":100,"rules":["DOMelementsCount","DOMelementMaxDepth","iframesCount","DOMidDuplicated"]},"javascriptComplexity":{"label":"JS complexity","categoryScore":100,"rules":["scriptDuration","DOMaccesses","eventsScrollBound"]},"badJavascript":{"label":"Bad JS","categoryScore":88,"rules":["jsErrors","documentWriteCalls","synchronousXHR","globalVariables"]},"jQuery":{"label":"jQuery","categoryScore":100,"rules":["jQueryVersion","jQueryVersionsLoaded"]},"cssComplexity":{"label":"CSS complexity","categoryScore":99,"rules":["cssRules","cssComplexSelectors","cssColors","similarColors","cssBreakpoints","cssMobileFirst"]},"badCSS":{"label":"Bad CSS","categoryScore":100,"rules":["cssParsingErrors","cssImports","cssDuplicatedSelectors","cssDuplicatedProperties","cssEmptyRules","cssImportants","cssOldIEFixes","cssOldPropertyPrefixes","cssRedundantBodySelectors","cssRedundantChildNodesSelectors"]},"fonts":{"label":"Web fonts","categoryScore":88,"rules":["fontsCount","heavyFonts","unusedUnicodeRanges","nonWoff2Fonts"]},"serverConfig":{"label":"Server config","categoryScore":100,"rules":["oldHttpProtocol","oldTlsProtocol","closedConnections","cachingNotSpecified","cachingDisabled","cachingTooShort"]}},"globalScore":96}},"frameworks":{"isWordPress":true},"runId":"20260408-w4gmpjp","screenshotUrl":"/api/results/20260408-w4gmpjp/screenshot.jpg"}