Split: I’m not able to use LiteSpeed Cache Plugin With Woodmart theme

Hello!

I have the same problem…

I’m switching to a new server, which is with OpenLiteSpeed, and WP Rocket is having problems with it, the htaccess rules bug the site and it doesn’t work, it keeps downloading .html files.

So, I decided to switch to the LiteSpeedCache plugin, but it’s very difficult to find which js to ignore to work.

When combining JS, everything stops working.

I did several tests, including testing some codes from wp rocket, looking like this at the moment:

JS exclusions
jquery.js
jquery.min.js
/horizontal-scrolling-announcements/script/
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-includes/js/imagesloaded.min.js
/woodmart/js/
/woocommerce/assets/js/frontend/
/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js
/elementor-pro/assets/js/preloaded-elements-handlers.min.js

Still, the cart does not show the contents.

And so, I still released everything… I wanted to release as little JS as possible to make the site faster and more optimized.

Can you help?

Hi,

Please, describe to us your problems in a bit more detail. Attach some screenshots and provide us with a list of steps on how to reproduce them on your website.

Thank you in advance.

There’s no mystery…when you test, you’ll see the problems.
https://www.bhlfitness.com.br/

I’m currently using this JS delete line to delete everything from the Woodmart theme:

/woodmart/js/

Everything is like this now:

jquery.js
jquery.min.js
/horizontal-scrolling-announcements/script/
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-includes/js/imagesloaded.min.js
/woodmart/js/
/woocommerce/assets/js/frontend/
/ementor/
/ementor-pro/
ElementorProFrontendConfig
ElementorFrontendConfig
\/jquery(-migrate)?-?([0-9.]+)?(.min|.slim|.slim.min)?.js(\?(.*))?( |'|"| >)
/woocommerce/assets/js/frontend/cart-fragments.min.js
/woocommerce/assets/js/js-cookie/js.cookie.min.js
/woodmart/js/scripts/wc/updateCartFragmentsFix.js

I just need to know which specific .js to eliminate, so that I can actually optimize the site’s performance.

When first accessing the website:
The Menu works
The side cart opens but does not show any content.
https://imgur.com/rINxQvf
Banner scrolling doesn’t work
The product carousel does not work

However, if you choose a simple product on the Home page and add it to the cart, it updates the screen and everything starts working.

When accessing a variable product page, there are problems with the variations when choosing the flavor, or the click doesn’t work or they disappear… lots of strange things.

Note: I configured the LiteSpeed Cache plugin on another ecommerce site with the Hello theme and it worked 100%, you can test it here (without any deletion of js)
https://www.mamaebebestore.com.br/

So it seems to me that there is a problem with Woodmart + LiteSpeed Cache.

Hello,

Please, disable all plugins that are not related to our theme and provide us with your admin access. We will log in and check what is wrong there. You can leave only the following plugins that are required for our theme:
WoodMart core
WooCommerce
Elementor/WPBakery page builder

Thank you in advance

Hello!

I will create a copy of the site to test, because the live site if I do this, it will not be possible to use shipping, payments, etc.

As soon as I have the copy, I will send it to you for free testing, without any problems.

Hello!
I created a copy of the test site, so I could use it freely.

I noticed that in the test copy, after deactivating all the plugins, and keeping only woodmart core + Elementor + Litespeed, even without deleting the JS, it worked, as long as the option “Load JS deferred” is configured as Deferred, if I change to Delayed, it stops working.
https://imgur.com/9LImnfA

I will give you access, to analyze, and see what can be adjusted so that Delayed works normally, as it greatly improves performance.

Could you please clarify where you specify the exclusion JS files in settings?

Yes, here:

LiteSpeed Cache -> Page Optimization -> [8] Tuning -> JS Excludes

Currently, we don’t see any problems on your website. Could you please clarify what is wrong now and send us some screenshots?

As I said before, when I deactivated all the plugins, it started working.

But if they are all disabled, and I activate the option:

LiteSpeed Cache -> Page Optimization -> [2] JS Settings -> Load JS deferred -> Late

The menu, banners, etc. stop working.

Anyway, I identified that when I activate my payment gateway:
https://br.wordpress.org/plugins/woocommerce-mercadopago/

Woodmart’s layout is starting to cause problems.

It seems like there is some incompatibility with this plugin.

I activate the Mercadopago plugin, clear the cache, and the site layout stops working.

We have activated this plugin on your website but don’t see the problem. Could you please send us a screenshot?

Remember to always clear the entire cache after any changes:
https://imgur.com/l9nTaBX

In fact, no error screen appears.

When activating the plugin and clearing the entire LiteSpeed cache, the layout stops working, menus, banners, etc.

Poking around here and testing, I discovered that if you include ONLY this line in the JS exclusions, it resolves:

https://sdk.mercadopago.com/js/v2?ver=7.1.1
https://imgur.com/r3tHXM0

Now, I’m going to activate the other plugins, to see if everything is ok and working.

Until then, it seems that this single line was the culprit for blocking the entire layout.

OK, test it and let us know if there is anything else we can help you with.

I need the mobile Menu to work.

The way I left the test site I gave you configured, it doesn’t work.

I’ve already tried ignoring all .js that contain “menu” but it didn’t work.

Can you help?

With this code added in JS Excludes and JS Deferred / Delayed Excludes (LiteSpeed Cache -> Page Optimization -> [8] Tuning)

/woodmart/js/scripts/global/
/woodmart/js/scripts/menu/mobileNavigation.min.js

The Mobile menu started working, but I would like to know which of the .js that are in /global/ that I need to release, instead of all of them.

However, in addition to the mobile Menu, the carousel for banners and products does not work.

I tried several tests, but I couldn’t =(

After many tests and many hours, at first I succeeded.

I left everything working.

Thank you for your attention.

Hello,

Sorry for the delayed reply. We are glad that you sorted it out. Feel free to contact us if you have any further questions.

Kind Regards

Hello!

I actually focused on solving problems on the home page, but now I see that I have problems on the product pages.

I’m currently using these codes in LiteSpeedCache to solve some problems:

I need the following help:

Exclusões de JS

https://sdk.mercadopago.com/js/v2
/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/global/swiperInit.min.js
/woodmart/js/scripts/menu/mobileNavigation.min.js
/woodmart/js/scripts/elements/slider.min.js
/woodmart/js/libs/swiper.min.js
/woodmart/js/libs/tooltips.min.js
/woodmart/js/libs/waypoints.min.js

Exclusões de JS adiado/atrasado

/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/global/swiperInit.min.js
/woodmart/js/scripts/menu/mobileNavigation.min.js
/woodmart/js/scripts/elements/slider.min.js
/woodmart/js/libs/swiper.min.js
/woodmart/js/libs/tooltips.min.js
/woodmart/js/libs/waypoints.min.js

I need the following help:

1- When loading the website’s home page: http://www.bhlfitness.com.br, notice that the banner scrolling does not work.
After you go down the page almost halfway, when you go back up, it starts to work, I tried different ways to solve this and I couldn’t.

I need help with this.

2- On the product page, I can’t open the extra product images, click on them or watch the videos, can you help with which code should I adjust in the cache?

Thank you.

Hello,

1. Try to disable “Init carousel on scroll” option for this carousel element.

2. Here is a video of how it works on your website at the moment https://gyazo.com/486b9dfd8648c611952ee93ded760d77

Kind Regards

Hello!

1- Follow your recommendation for the first option and it got worse.
In addition to not even starting when scrolling, it never started hehe.

Remember, scrolling does not work for the banner or for products.

Therefore, I asked for instructions, as it involves knowing the site’s files, and knowing which ones to ignore in the LiteSpeed Cache cache.

2- You forgot to test by clicking DIRECTLY ON THE SIDE MINIATURES, click there and try to change there, you will see the problem.

It’s the same case as above, the correct file in the cache needs to be skipped for it to work.

Can you help me with which ones?

Hello,

1. As we can see, this option is still enabled. Please, disable it so we can check. Make sure that this script is not delayed https://gyazo.com/ea01480a22b0a81f99c7d4e6a2a5934d
We don’t know exactly how to do this in litespeed settings so you need to refer to the plugin documentation.

2. Please, fix the first issue and then we will check this.

Kind Regards

Hello!

1- Yes, I deactivated it, tested it, noticed the problem and then activated it again.

So, I just disabled it, and left it the way you need it.

Thanks.

Hello,

You missed our recommendation from the previous reply

Make sure that this script is not delayed https://gyazo.com/ea01480a22b0a81f99c7d4e6a2a5934d
We don’t know exactly how to do this in litespeed settings so you need to refer to the plugin documentation.

Sorry, I didn’t understand your post.

What is the name of the file or directory?

If you’re specific, I can help, but your print wasn’t clear to me.

You want me to disable the LiteSpeed Cache feature so as not to delay any JS, is that it?

Open your home page source code (not cached and optimized) and find this script. It is theme inline JS (not an external file). And shouldn’t be deferred or delayed.

Kind Regards

[Author]

Posts