MotoPress

<p>This WordPress mega menu plugin enables you to build tailor-made site navigation menus in Gutenberg.</p>
<p><em>Note: this WP navigation block is made for the full-site editing experiences in WordPress. Until full-site editing is available in Core, the plugin provides limited options since it can’t fully integrate with the navigation menu.</em></p>
<p>The WordPress navigation menu plugin adds a few free mega menu Gutenberg blocks for different purposes:</p>
<ul>
<li>Mega menu block.</li>
<li>Mega menu item block.</li>
<li>Plain menu block.</li>
<li>Plain menu item block.</li>
</ul>
<p>The mega menu item block is very flexible – it allows you to add drop-down menus that can handle any WordPress block, giving you full control over the look and feel of your menus.</p>
<h4>How you can approach the WordPress mega menu plugin:</h4>
<ul>
<li>The mega menu block is a container that can handle only mega menu items, which, in their turn, can handle nested drop-downs, i.e. contain any other blocks.</li>
<li>Plain menu blocks can contain plain menu items that can handle drop-downs with other plain menu items.</li>
<li>The width, color, font size, layouts (horizontal and vertical) of some navigation blocks are fully customizable.</li>
<li>You can optionally transform a WordPress navigation menu into the “hamburger button” for mobile devices.</li>
</ul>
<p>Searching for the best Gutenberg addon?</p>
<p>Check out <a href="https://wordpress.org/plugins/getwid/" rel="ugc">Getwid WordPress Blocks</a> – a top-rated block & template library for the block editor.</p>
<h3>Copyright</h3>
<p>Navigation Block with Mega Menu, Copyright (C) 2020, MotoPress https://motopress.com/<br />
Navigation Block with Mega Menu plugin is distributed under the terms of the GNU GPL.</p>
<h3>Credits</h3>


Navigation Block with Mega Menu


This plugin was very useful for adding a megamenu to my shop, I had to modify it a bit but the result is excellent! Definitely does not deserve this rating, keep it up guys!


Thank you!


First of all, thanks for providing a mega menu plugin that supports block themes and Full Site Editing 🙏



It would be very helpful if this plugin had a documentation page with some examples of how it should look.



I tried to use it to build a mega menu, and found that the mobile version has a major usability issue : the toggle button to show the mega menu is way too small, only 20px wide.



Maybe I didn't built it correctly ? Hard to say without a demo that I could compare to.



PS: I opened an issue on the github repository, with a screencapture that shows the problem.


Lacks a demo

Build better navigation menus with the WordPress mega menu blocks.

Theo Gkitsos

<p>We all know that database calls are the main performance bottleneck in WordPress. What most people don’t know though, is how “expensive” in terms of performance the WordPress menus are.</p>
<p>This plugin will cache the menu HTML and show the cached version to your visitors, saving your database from far too many unnecessary calls.</p>
<p>Menu data are scattered across six(!) different database tables. When a user visits a page, an odyssey throughout the database begins.<br />
In ‘wp_terms’, ‘wp_term_taxonomy’ and ‘wp_options’ tables we’ll find menu ID, slug and theme location. Then ‘wp_posts’ and ‘wp_postmeta’ to find menu’s nav items and their metas.<br />
In the metas, we will find its targeted object, so let’s pay ‘wp_terms’ or ‘wp_posts’ a visit again to find the menu item’s target and ‘wp_termmeta’ to find its metas.</p>
<p>These are a lot of tables and even more database calls! When all required data is collected, the menu HTML is created and it is shown to the user.</p>
<p>The same process is repeated for every menu on the page. Desktop menu, mobile menu, some menus on the footer, a menu for the customer account on the header’s right next to the cart icon…</p>
<p>Imagine all these menus, some of them with decades of menu items, loading in every page for every visitor on your site.</p>
<p>Menu changes are very rare and this makes them an easy target for caching. Caching the generated menu HTML will prevent all these unnecessary database calls and greatly improve page loading times.</p>
<h4>Full features list</h4>
<ul>
<li>Caches all classic WordPress menus to improve page loading time.</li>
<li>Enable/disable caching per menu.</li>
<li>Clear all menu cache with a button on the settings page.</li>
<li>Every time you edit a menu, its cache is automatically purged.</li>
<li>All cached data are automatically purged every 10 hours to keep everything fresh, like nonces etc.</li>
<li>Compatible with caching plugins like WPRocket, W3 Total Cache etc.</li>
<li>Compatible with most translation plugins. Tested ok with WPML and TranslatePress.</li>
</ul>
<h4>How it works</h4>
<p>Everytime a user visits a page with a menu, WordPress collects all menu data from the database, and then runs a walker to create the menu’s HTML. Right before this generated HTML is returned to the user, the HTML is saved in the database in a transient.</p>
<p>Next time a user requests this specific menu, the saved HTML will be returned, instead of creating the menu from scratch.</p>
<h4>Test results – How effective is it anyway?</h4>
<p>If you use a good caching plugin and a certain page is served from cache, then you not see a difference in loading times. BUT… there are many cases when a page is not served from cache and it that scenario you will notice a huge difference.</p>
<p>Some of the scenarios when a page is not served from cache:</p>
<ul>
<li>If you are not using a page caching plugin (Why not? Please install one!).</li>
<li>No existing cached version exists of the requested page. You benefit from menu caching during the first page load on every page, before the cached version is saved.</li>
<li>When users are logged-in. Even when using a per-user cache for logged-in users, menu caching is still super useful to quickly create the menu as the cache files are getting created.</li>
<li>On e-commerce sites on pages that can’t be cached by default, like cart, checkout, my account, wishlist etc.</li>
<li>In most e-commerce sites, when a customer adds something to cart, then serving pages from cache stops to prevent false data in the mini-cart.</li>
<li>On some AJAX requests that load page content that includes menus.</li>
</ul>
<p>Let’s see the results from some tests run on a medium-to-large e-commerce site with a mega menu with many categories, a separate mobile menu and a couple more small menus.</p>
<p>For admin user:</p>
<ul>
<li>Loading time for all menus – no menu caching: 0.46s (in average)</li>
<li>Loading time for all menus – with menu caching: 0.0015s (in average)</li>
<li>Speed benefit: 300+ times faster – menu loads almost instantly!</li>
</ul>
<p>For incognito visitor:</p>
<ul>
<li>Loading time for all menus – no menu caching: 0.232194 sec</li>
<li>Loading time for all menus – with menu caching: 0.001185 sec</li>
<li>Speed benefit: ~200 times faster – menu loads almost instantly!</li>
</ul>
<p>Of course these numbers depend on your WordPress installation, your server setup and so many parameters but the outcome will be the same.</p>
<p>With menu caching, instead of building the menu everytime and losing precious time during page load, your menus will load instantly from cache.</p>
<h4>Compatibility with new “block” themes</h4>
<p>Menus on the new block themes are constructed in a different way via the block editor, and not via the classic nav builder we all love to hate. This plugin can’t optimize menus built with the new block editor. It’s not going to break anything though, it won’t do anything at all. If you use a classic theme like 99.9% of the WordPress websites out there, this plugin will be useful to you.</p>
<h3>Roadmap</h3>
<p>This plugin does only one specific thing, menu caching. There is no plan to add more features. Of course small improvements may be implemented, and if any bug appears, I will try to fix it. Next versions will try to expand compatibility with more popular themes.</p>
<p>A next update is already under development, intending to add compatibility with Woodmart theme.</p>
<p>If you have any good ideas about this plugin and yoy want to contribute, you can make a PR in the <a href="https://github.com/theo-gk/menu-caching" rel="nofollow ugc">github repo</a>.</p>


Menu Caching

This plugin caches WordPress classic menus to improve page loading time.

Navigation Block with Mega Menu vs Menu Caching