Tagged: CSS, render blocking resources
I am trying to speed up my website, and at this point the slowest elements are related to Avia Layout Builder.
Because using more layout elements slows the speed, I only use a limited number of functions. So my question is if it’s is okay to remove or unload individual CSS files for unused layout elements. FYI, I don’t use most of the elements under “Content elements.” I’ve never used them and will never use them.
I am using a plugin called Asset Cleanup with lets me unload each CSS file such as this one:
https://www.interactiongreen.com/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/slideshow_accordion/slideshow_accordion.js?ver=5.6.9
Please let me know if it’s safe to unload these individual CSS files for unused layout elements.
Also, Pagespeed insights tells me that I am not using this CSS:
https://www.interactiongreen.com/wp-content/uploads/dynamic_avia/avia-dynamic.min.css
But I need this, right? Just wanted to make sure.
https://pagespeed.web.dev/analysis/https-www-interactiongreen-com-minka/xlamxr19u5?form_factor=mobile
Thank you!
Hey mfuji,
Thank you for the inquiry.
Unloading CSS files should be fine, but be cautious as some features rely on these styles by default. For instance, the Accordion or Toggle styles are utilized in the Privacy & Cookies consent settings. There are alternative methods to improve site speed, and you can find more details in the following article.
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
// https://gtmetrix.com/wordpress-optimization-guide.html
Best regards,
Ismael