Can a second declaration of ::root{] in CSS theme settings affect the page load?

Hello,

I am using the theme and most of the time I was using the variables that the theme provided. I want to ask, if there would be any problem with me adding ::root{} on the CSS theme settings to add some variables of my own. Would this affect the site load as there is also a ::root{} declared from theme and wordpress? Does it take more time for the browser to get a response from the server because of that?

Best Regards

Hello,

It should not affect the site speed.

If you have some site speed issues, you can describe them.

Kind Regards

Well, it takes some time for the page to load. I use Nginx caching as the server supports it. But for some reason, this does not help at all. So I am trying to exclude any problems that my CSS could cause.

Most of the time this is not a problem when I create a project with Woordmart, but it takes some time to load for the specific site.

Most of the optimization options are enabled but still, I can see the server response being high enough.

That’s most of the problem. And I try to eliminate some of the reasons.

Best Regards

Hello,

You can send me access to that website and confirm the permission for plugins deactivation, and switch to the parent/default theme. So in such a way, I can check what is wrong there.

Kind Regards

Hello,

I will add below a testing site that I have on my server. Please add the host IP so that you can see the staging and not the live site. You may deactivate plugins or change to a default WordPress theme and check. I had created it before on other sites with Woodmart and with the same settings on the server, and even on the same server, but this time it took more time than usual to load the site.

So I would appreciate any help pointing me in the right direction. I am aware of the shared hosting plans and how they are mostly bad with the resources. But this happened for the first time and with the Woodmart theme.

Let me know if you need any more information or anything else that I can provide from my end.

nginx caching is enabled on the server side. Also, plugins for page caching are disabled.

Best Regards

Hello,

May you clone the site and move it to the staging platform in another way? Like here: https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

I await your response.

Kind Regards

Thank you for the suggestions on this one.

Unfortunately, I do not have direct access to the server that the live site is on, and I can not create a staging environment directly on the server or with the use of a site cloning mechanism that Cpanel or Plesk provide.

The method I provide is from a server that I own and I run some tests. If there is any other way that you know, feel free to suggest it, as I also want to make access to the site easier from your side.

Best Regards

Hello,

Sorry for the delay.

Okay, understood. So after adding that IP to the host file, I do not need any login and password to access the admin dashboard of the staging site?

Kind Regards

I have added a token access that you can log in directly as an admin. I will paste it again below on the extra info

In case this creates problems of any kind let me know and I can create an admin access the old way. The previous pass has expired so I refreshed it. Now you can access the site after you add the IP from the server in your hosts file.

Best Regards

Hello,

Seems that your server is not stable because on the default theme, without 3rd party plugins, we can see loading around 3s: https://prnt.sc/QR3RhKAkM9XO, it’s not normal for the default theme, the default theme should be loaded around 1s.

So I suggest you contact with your server for further solutions.

Kind Regards

Thank you for the reply on this one.

The URL on the domain is not the site that I provided access to. So just to avoid any misunderstandings,
the site is not demo.sysautocar.com.

If I misunderstood something here, please feel free to provide more information about the topic. If the admin token is not working, I have also created an admin account with the default method. (provided bellow)

Let me know your thoughts.

Best Regards

Hello,

We have tested your website and found a few problems that you should fix first to speed up your website.

1. There are some errors loading resources on your website. Probably, they are caused by your hosting server or installed plugins. https://prnt.sc/Hxd-5zaeasda

2. Your current server response time is 2-3 seconds and it is very slow. It might be caused by a lot of different factors: slow server, etc. https://prnt.sc/VUUjo9wp-Vov

3. Use WP Rocket plugin to optimize your website’s JS, CSS and cache. https://prnt.sc/rYxKtpauAwGe, https://prnt.sc/srbTsFOzfC3g

4. Use some CDN service like KeyCDN or Bunny CDN.

5. We recommend you uninstall the Slider Revolution plugin since it is too heavy if you want to get a high score in Google page speed. You can replace it with our WoodMart slider instead https://xtemos.com/docs/woodmart/woodmart-slider/. If you want still to use it, these js and CSS files should not be loaded: https://prnt.sc/jdGZYHhsifxz, https://prnt.sc/h828KKAKXTWW, you need to hide them via the settings of the Slider revolution.

6. Some images are big and not optimized. You need to set proper sizing for all images to reduce your page size https://prnt.sc/tKPwGfBju0tO

Kind Regards

As long as the CSS does not create a problem, or there are no errors in the code or the declaration of multiple ::root{} instances do not create any problem, then the rest you suggest are some good guidelines around optimization.

The clarifications on this matter helped me.

Thank you for your time on this one and for the insights you could provide.

You may close the ticket.

Best Regards

Hello,

You are welcome! Always remember that you can reach out to us with any questions you may have.

Wish you all the best.

Kind Regards

[Author]

Posts