Woodmart * Header / Menu Issues

Hello I am noticing issue of header and menu not loading well on some random site pages like home/shop
I am using woodmart with wprocket and have excluded these codes from js :
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/wc/productImages.min.js
/gtag/js
gtag\(
/gtm.js
/woodmart/(.*).js
amp-mobile-version-switcher
/js-cookie/

Still, I am noticing a header/menu load issue, Can you please guide what can be causing this.
This issue is being noticed recently prev woodmart & wp rocket was working fine on site
Hope you can help soon

Attachments:

You must be logged in to view attached files.

Hello,

Please check this manual on how to configure the cache plugin properly and then check how it works: https://space.xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021#Step_4

If it does not help, deactivate all the plugins except these ones:

Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVG

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Best Regards

Hello,
The issue is resolved by including lines in delay JS as in the guide. Thankyou!
However one more query. After running page speed insight for mobile optimization how can I remove unused CSS, I found the line but can you please guide how it can be removed?
Regards

Attachments:

You must be logged in to view attached files.

Hello,

WoodMart theme has been built to add those styles that are actually required for each certain page and not to load unnecessary styles. However, your styles file adds the plugin styles, the size of which cannot be controlled by the theme.

We would suggest you follow these steps:

1. Please check if you have configured everything as per the instruction in this article: https://space.xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021#Step_2

2. You need to check WP bakery page builder CSS generator and make sure you have disabled all the styles not necessary: https://prnt.sc/25sm6vp

3. Try to minimize the plugins which add their styles to the front-end of the site.

If you have any questions please feel free to contact us.

Best Regards

Hello,

The issue seem to be less frequent but recurring especially on SHOP & SHOP CATEGORY PAGES. I have added exclusion as suggested by the theme & by WP Rocket. When I clear cache: all language, o-cache and then save settings issue goes away but later returns.
Is it something that can happen that site, theme need update as the issue is rather new and previously all was ok?

WOODMART

https://space.xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021#Step_4

jquery.min
helpers.min.js
clickOnScrollButton
searchFullScreen
menuOffsets
menuDropdowns
cartWidget
mobileNavigation
loginSidebar
menuSetUp
cart-fragments
slick
productImages
cookie.min
owl.carousel
owlCarousel
imagesLoaded

WP ROCKET

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/wc/productImages.min.js
/gtag/js
gtag\(
/gtm.js
/woodmart/(.*).js
amp-mobile-version-switcher
/js-cookie/

Hello,

Most likely you have enabled Mobile DOM optimization (experimental)

You need either disable it or enable Separate cache files for mobile in the WP Rocket settings.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts