WAIT: Large Nav Menu within Dropdown element gives long page load time

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: See below.

Large menus, for example Woocommerce category menues, results in page taking ages to load when the nav element is placed within the dropdown element. Page loads ok when the same nav element is placed outside the dropdown element. Tested on several sites with the same result.

PHP 8.1.13, all Bricks system values ok.

Example pages with Woo Category menu inside, and outside dropdown below. Menu got 200 categories.

Nested Nav with Nav element inside Dropdow - extremly long page loading: https://haavardherberg.no/test1/

test1

Nested Nav with Nav element inside the Nested Nav - page loading ok! https://haavardherberg.no/test2/

test2

2

Hi,
Thanks so much for your report!

Would you be so kind as to send temporary login credentials and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase?

Best regards,
timmse

3

Hi! Admin login sendt your way as requested, thank you.

Haavard.

4

Hi! Did you get the login? Had the opertunity to take a look at it? :slight_smile:

5

Hey,
Yes, the login has arrived - please keep it active. We didn’t have enough time to review it due to the 1.8.2 release, but we’ll get back to you as soon as we know more :v:

1 Like
6

Hi @hihaavard ,

We just applied a potential fix to improve the performance of the nav menu inside dropdown element.

Could you help to check if the menu is generated properly and the speed is back to an acceptable range?

Regards,
Jenn

7

Hi @itchycode!

Thank you, that seems to work great! :grin: Is it a Bricks related issue, or something I have caused myself? If Bricks related, is your fix something i can apply to other sites until there is a bug fix?

Best regards
Haavard.

8

Hi @hihaavard ,

Yes, the issue coming from the Bricks Nav Menu element.
Unfortunately, I will not recommend you apply this to other sites as it’s not an official solution yet.
Please wait for the final release that fixes this issue by checking the changelog.
We will also update this forum thread as well :slight_smile:

Regards,
Jenn

9

Hi @itchycode

Thank you for the reply!

Okay, guess i have to wait patiently then :wink: Any chance it will be added to the next update?

Looking forward to implement the new menu builder on our e-coms :grin: Thank you for your continuous improvements and support of Bricks.

10

Hi,
We’ve fixed this issue in Bricks 1.8.4, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse

11

Hi @timmse

Sorry my late reply! I’m afraid this is not solved. The performance is better, but still an issue :grimacing: I was experiencing an overall slow page loading, and narrowed it down to be the menu again. Using Query Monitor I found the dropdown menu with Woocommerce categories to trigger a whopping 1258 queries, causing 0,6s+ extra load time for my page… removing the woocommerce categories dropdown menu solves the issue.

Tried building a page with the same menu inside a normal nav element, and the query count is below 60. Seems to be a loop problem of some kind related to the dropdown element. Can you have another look at it?

1 Like
12

Hey,
Thanks for the info. We’ll take another look at the problem :v: