About website loading very many css files

I used pagespeed to analyze my website and it showed that it loads a lot of css files and it took a lot of time to load these css files, resulting in a very slow access to the website. I used pagespeed to analyze someone else’s website built with wordpress and it doesn’t load so many css files and the speed of accessing the website is very fast.
Attached is a screenshot of the analysis using pagespeed, you can also analyze my site directly yourself using pagespeed. Please also tell me how to solve this problem?

Attachments:

You must be logged in to view attached files.

Hello,

We recommend that you remove any unnecessary plugins and install a JS & CSS optimization plugin such as WP Rocket. Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/.

If you have any further questions, please don’t hesitate to reach out.

Kind regards

please tell me how to fix the problem using code.

Hello,

You need to use such plugins as WP Rocket to enable the “Minify CSS” files -https://prnt.sc/2QXNEUXgtpZp , “Minify/Defered/Deleyed JS” – https://prnt.sc/qGIPfXmbqUQU , https://prnt.sc/TF-3btGLk4QX

Also, you can enable the asynchronous CSS delivery in this option – https://prnt.sc/1RIugQDTUrFZ

After that, those issues should be gone.

Kind Regards

I use another wordpress theme, do not have this:

fonts.googleapis.com/css

But I use woodmart theme that have this, please tell me how to fix the problem?

Hello,

Navigate to Elementor -> Site Settings -> Global fonts -> reset all fonts from Google – https://prnt.sc/zBcM3cCezY0y

Kind Regards

you told me use the WP Rocket plugin to fix the loading very many css files problem, can you use your own code to fix the problem? I think that your theme woodmart should have the function, so that I do not need use another plugin.
WP Rocket plugin is not free, should pay for it each year!

[Author]

Posts