Product filter slow load

Hello,
The website is on LiteSpeed servers and it uses using plugin for cache. Pages are loading just fine, but waiting for the filters to apply is taking too long, for over 4 seconds. Ajax shop is enabled, but it is the same problem when it is disabled.
Can you please give me some advice on how to speed it up and what is the problem?
Thank you

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Regards

Sorry for the late reply.

I installed a Query Monitor to help me find the cause of the slow opening of the filter and category product pages.
After activating twentytwenty site has a smaller amount of queries and total load time.
When woodmart is active, this is the query that has a lot of rows:

update_meta_cache()
wp-includes/meta.php:1177
update_postmeta_cache()
wp-includes/post.php:7411
update_post_caches()
wp-includes/post.php:7353
WP_Query->get_posts()
wp-includes/class-wp-query.php:3545
WP_Query->query()
wp-includes/class-wp-query.php:3824
get_posts()
wp-includes/post.php:2452
wp_get_nav_menu_items()
wp-includes/nav-menu.php:727
wp_nav_menu()
wp-includes/nav-menu-template.php:151
XTS\M\H\Element->render()
wp-content/themes/woodmart/inc/modules/header-builder/elements/abstract/class-element.php:77
XTS\M\H\Frontend->render_element()
wp-content/themes/woodmart/inc/modules/header-builder/class-frontend.php:210
XTS\M\H\Frontend->render_element()
wp-content/themes/woodmart/inc/modules/header-builder/class-frontend.php:198
XTS\M\H\Frontend->render_element()
wp-content/themes/woodmart/inc/modules/header-builder/class-frontend.php:198
XTS\M\H\Frontend->render_element()
wp-content/themes/woodmart/inc/modules/header-builder/class-frontend.php:198
XTS\M\H\Frontend->generate_header()
wp-content/themes/woodmart/inc/modules/header-builder/class-frontend.php:149
whb_generate_header()
wp-content/themes/woodmart/inc/modules/header-builder/functions.php:25
load_template(‘wp-content/themes/woodmart-child/header.php’)
wp-includes/template.php:790
locate_template()
wp-includes/template.php:725
get_header(‘shop’)
wp-includes/general-template.php:48
wc_get_template()
wp-content/plugins/woocommerce/includes/wc-core-functions.php:345

This is not happening with another theme.

Looking forward to your reply.

Regards

Hello,

This query is related to the menu in the header. Try to temporarily remove all the menus from your header and test how it works.

Kind Regards

Hi,
When the category mega menu (shown in the attached picture) is deleted and the query is not showing. Maybe the problem is the way the menu is created, so is there another way to create it? The method we used is shown in the picture.

Looking forward to your reply.

Regards

Attachments:

You must be logged in to view attached files.

Hello,

Instead of a large amount of menu items added directly to the menu, try to create a dropdown using our HTML Blocks. There, you can find our Extra menu list element which looks the same. It will be much better for the performance.

Kind Regards

Thank you for your fast reply.

Do you have some instructions for creating it that way and may you share the link of it if you do?

Thank you,

Best regards

Yes, please, check our instruction and video here https://xtemos.com/docs-topic/create-mega-menu/

Hello,

A short update for all users who may find this information helpful.
Creating a mega menu improved my website performance.
As for faster filter performance, enabling CSS combine and JS combine has really sped up the speed of applying filters.
Thank you for all your help,
Best regards

Great, thank you for sharing your results with others. Feel free to contact us if you have any further questions.

[Author]

Posts