Advanced Navigation Block: Quite capable, but slow performance in Site Editor

  • Resolved abitofmind

    (@abitofmind)


    1 year, 10 months ago

    Problem: For layout control reasons when you need to move the Advanced Navigation Block in to or out of a wrapper — such as Gutenberg’s native Group / Row block or the Container / Wrapper block from Greenshift — this operation is massively slow!

    This feedback merely concerns the Advanced Navigation Block that comes with this plugin. Haven’t tried the other blocks.

    My guess is that the recursive nature of a menu (root level, plus child elements, possible again with child elements) is possibly the cause for this slowdown. When testing this with a flat menu with 7 entries and maybe 2 entries each, things may still be somehow performant. But in my concrete instance: 7 root elements (“level 0”) with a total of ca 100 elements (spread on levels 1 and 2) this was really slow.

    Sometimes the operation completed, but took 30-90secs of waiting, and in other instances the operation remained in a 100% CPU hang over minutes, and I then had to force-quit the affected browser tab.

    Could you please try a move operation yourself with a similarly dimensioned menu? And see whether performance decreases linearly, or possibly exponentially in relation to the menu element count?

    For me it was so slow that it was not useable in practise. For now I will go with a theme that has a menu that satisfies my needs enough. But I may revisit the Advanced Navigation Block at a later time, when I need more customization or when I want to go to a block-based theme, and hope that Radius Advanced Block Menu ‘s performance may have improved until then.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Golam Robbani

    (@golam523)

    Advanced navigation blocks are basically created using WordPress default navigation blocks. The Advanced Navigation block is just used for styling the default navigation. We have checked the block with long menu items and found that it is working flawlessly. So it seems, the advanced navigation block is not the problem here. May be the issue is related to your server.

    Thank you.

    Thread Starter abitofmind

    (@abitofmind)

    First of all: The high CPU load was client-side (web browser performance regarding JavaScript/DOM of the Gutenberg Block Editor environment): Retina MacBook Pro 15” (Late 2014). Already an elder machine, but as it was quite a powerhorse when released, it overally performs still well these days.

    Maybe the Container / Wrapper block from Greenshift into which I put the Advanced navigation block is causing the slowdown?

    I’ have not used Greenshift much, so I have no experiences with it, also not in terms of performance. When I have used it more I will have more experience with its performance within the Gutenberg Block Editor, and could report my findings back here at a later time.

    Could you in your testing environment (and with your debugging capabilities) try out your Advanced Menu Block within a?Greenshift Container / Wrapper?block (set to using either flexbox or CSS grid)? And share your findings back here?

    • This reply was modified 1 year, 9 months ago by abitofmind.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Advanced Navigation Block: Quite capable, but slow performance in Site Editor’ is closed to new replies.