Oxford Metadata Ltd

Menu Optimizer is a powerful performance optimization plugin that generates static HTML files for your WordPress menus, dramatically reducing server load and improving page load times.
Real-World Success: This optimization technique helped achieve the first WooCommerce store with a perfect 100/100 mobile score on Google PageSpeed Insights. <a href="https://wp-rocket.me/blog/100-mobile-score-woocommerce/" rel="nofollow ugc">Read the WP Rocket case study</a>
Why Menu Caching Matters
Menu generation requires significant compute time on WordPress and WooCommerce sites. Every page load requires WordPress to: 
* Query the database for menu items 
* Process menu hierarchy 
* Apply filters and hooks 
* Render HTML output
Menu Optimizer eliminates this overhead by pre-generating menu HTML files that are served instantly.
The DOM Size Problem
Google Lighthouse triggers warnings when a page exceeds 1,500 DOM nodes (HTML elements). For e-commerce sites with extensive product categories:
<ul>
<li>A mega menu with 200-300 categories can generate 3,000-5,000+ DOM elements</li>
<li>Each nested menu item multiplies the element count</li>
<li>This exceeds Google’s limits and hurts Core Web Vitals scores</li>
</ul>
Menu Optimizer’s lazy loading keeps your initial DOM size under 1,500 nodes by loading only top-level items (typically 50-100 elements). Submenus load on-demand, maintaining excellent performance.
Key Features
<ul>
<li>Performance Boost – Reduces menu rendering time with static file caching</li>
<li>Multiple Menu Support – Cache and display multiple menus independently on the same page</li>
<li>Horizontal & Vertical Layouts – Supports both menu orientations for flexible placement</li>
<li>Static File Generation – Pre-generates HTML files for instant delivery</li>
<li>Lazy Loading – Top-level items load instantly; submenus load on first hover</li>
<li>Smart Caching – Uses localStorage for even faster subsequent loads</li>
<li>Max Mega Menu Compatible – Fully supports complex mega menu layouts</li>
<li>Easy Integration – Simple shortcode implementation</li>
<li>Translation Ready – Full i18n support with included POT file</li>
<li>CDN Compatible – Works seamlessly with caching plugins and CDNs</li>
</ul>
Performance Benefits
✓ Keeps DOM size under Google’s 1,500-node limit with lazy loading 
✓ Reduces server CPU usage by offloading menu generation 
✓ Decreases Time To First Byte (TTFB) 
✓ Improves Core Web Vitals scores (LCP, CLS, INP) 
✓ Reduces database queries per page load 
✓ Compatible with WP Rocket, W3 Total Cache, and other caching plugins
Perfect For
<ul>
<li>WooCommerce stores with complex category menus</li>
<li>Sites with large mega menus</li>
<li>High-traffic websites</li>
<li>Sites on shared hosting</li>
<li>Performance-critical applications</li>
<li>Stores aiming for 100/100 PageSpeed scores</li>
</ul>
Proven Results
This menu optimization technique was used in a WooCommerce store that achieved a 100/100 Google PageSpeed mobile score.
Learn more: <a href="https://wp-rocket.me/blog/100-mobile-score-woocommerce/" rel="nofollow ugc">WP Rocket Case Study – 100/100 Mobile Score for WooCommerce</a>
<h3>Credits</h3>
Developed by Oxford Metadata Ltd 
Contact: dimitris.vayenas@oxfordmetadata.co.uk
Special thanks to the WordPress community for their valuable feedback and contributions.
<h3>Support</h3>
For support, please visit the <a href="https://wordpress.org/support/plugin/static-menu-cache" rel="ugc">WordPress.org support forum</a> or contact us at dimitris.vayenas@oxfordmetadata.co.uk.
<h3>Privacy</h3>
This plugin: 
* Does not collect any user data 
* Does not make external API calls 
* Does not use cookies 
* Stores cached menu files locally on your server 
* Uses localStorage only for client-side caching (optional)
<h3>Performance Tips</h3>
<ol>
<li>Combine with a caching plugin – Use WP Rocket or similar for full-page caching</li>
<li>Enable lazy loading – The plugin does this automatically</li>
<li>Use a CDN – Serve static menu files from a CDN for global performance</li>
<li>Regenerate regularly – Update cache whenever you modify your menu structure</li>
<li>Customize CSS via Customizer – Use WordPress’s built-in Customizer for menu styling</li>
</ol>
<h3>Technical Details</h3>
File Structure: 
* Top menu file – Loads instantly with page (minimal HTML) 
* Full menu file – Lazy loads on first interaction (complete with submenus) 
* CSS options – None, Max Mega Menu auto-detect, or custom 
* Storage location – <code>wp-content/uploads/menu-optimizer/</code>
Browser Compatibility: 
* Chrome 90+ 
* Firefox 88+ 
* Safari 14+ 
* Edge 90+
Server Requirements: 
* PHP 7.4 or higher 
* WordPress 5.8 or higher 
* Write permissions to uploads directory

Menu Optimizer

Boost site speed with static menu caching. Lazy-load submenus to keep DOM size under 1,500 nodes for better Core Web Vitals.

ShortPixel

<h3>🚀 The Ultimate Caching and Speed Improvement Plugin for WordPress</h3>
Have you ever wished your website scored 90+ on Google PageSpeed Insights, GTMetrix and other website performance analysis tools? 
And achieve that without the need to pay expensive fees to consultants or learn a lot of advanced technical stuff?
⚡ <a href="https://fastpixel.io/?utm_source=wp-repository&utm_medium=link" rel="nofollow ugc">FastPixel</a> automatically integrates all the latest technical enhancements, such as Page Caching, HTML/CSS/JS minification, DNS prefetching and preloading, Critical CSS, ShortPixel’s <a href="https://shortpixel.com/blog/introducing-smartcompress/?/?utm_source=wp-repository&utm_medium=link" rel="nofollow ugc">Smart Image Optimization</a>, adaptive images, background image scaling and optimization, HTTP/2 support, fonts loading optimization, caching, a global CDN, and Core Web Vitals, within an easy-to-use, 1-minute-setup interface.
<iframe loading="lazy" title="FastPixel Ad" width="750" height="422" src="https://www.youtube.com/embed/6UbWASU8RNw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>🎬 Ready for a Quick TEST of our Speed Optimization Tool?</h3>
There is no need to install our plugin to run a test. 
You can test FastPixel live on a <a href="https://tastewp.com/template/FastPixel" rel="nofollow ugc">sandbox website@TasteWP</a> or you can quickly assess how <a href="https://fastpixel.io/" rel="nofollow ugc">FastPixel</a> can optimize your website by conducting a test. Simply use <a href="https://test.fastpixel.io/" rel="nofollow ugc">this test page</a>, and we will apply all optimizations to a copy of your website. 
This way, you can easily evaluate the substantial speed improvements it can achieve using the most widely recognized website performance analysis tools.
<h3>💡 Why choose FastPixel Caching plugin?</h3>
<ul>
<li>Website Performance Boost: Just activate the plugin and within seconds the optimized webpages will start to be served.</li>
<li>Lower the CPU/RAM Impact: Using the plugin will reduce the impact on the resources used by your website. All the CPU intensive processing is done in the cloud and resulting pages will generally be served from a cached version and the optimized images from the CDN.</li>
<li>Automated Core Web Vitals Optimization: FastPixel takes care of all technical aspects automatically.</li>
<li>Smart Cache Warmup/Update: The cache warmup and update are taken care of automatically in a smart way. Pages are cached as they are visited and also updated if you update the content.</li>
<li>Critical CSS: CCSS is automatically generated for each page for lightning-fast page loads.</li>
<li>CSS/JS Processing: CSS/JS files are combined and also minified and compressed before they are served from our CDN.</li>
<li>HTML Optimization: A single, highly optimized HTML file is generated, adaptively serving the ideal webpage based on the visitor’s viewport or device (e.g., mobile, tablet, laptop).</li>
<li>DNS Preconnects: Accelerates resource fetching, reduces the access time to external resources.</li>
<li>Font Processing: All the techniques to accelerate the processing and delivery of fonts are employed, e.g. font subsetting, font loading control, font compression, font embedding (lower CLS result).</li>
<li>Image Resizing & Optimization: Images are automatically resized to fit their placeholders, optimized, and delivered through the ShortPixel CDN.</li>
<li>Automatic Next-Gen Images Delivery: Based on the visitor’s browser capabilities, original JPG, PNG, or GIF images are converted to and served as WebP or AVIF when supported. For browsers without support, the original format is provided.</li>
</ul>
<h3>🌟 Happy users that use our plugin</h3>
If you’re satisfied with the test, just search for “FastPixel” in your WordPress Dashboard > Plugins, install the plugin and see for yourself how much faster your site becomes.
<blockquote>
Testimonials: 
 ★★★★★ It’s as fast as it says in the title! <a href="https://wordpress.org/support/topic/its-as-fast-as-it-says-in-the-title/" rel="ugc">liquidsnake2021</a> 
 ★★★★★ I was a tester and now I`m a happy user <a href="https://wordpress.org/support/topic/i-have-been-tester-and-now-happy-user/" rel="ugc">jppl</a> 
 ★★★★★ This plugin’s fast and easy to set up—I barely have to configure anything <a href="https://wordpress.org/support/topic/this-plugin-works-as-described/" rel="ugc">fajrisp</a> 
 ★★★★★ Works really well! <a href="https://wordpress.org/support/topic/works-really-well-264/" rel="ugc">touto</a> 
 ★★★★★ One of the best tools! <a href="https://wordpress.org/support/topic/one-of-the-best-tools-for-that/" rel="ugc">torsten3d</a> 
 ★★★★★ Super easy to install and worked out of the box <a href="https://wordpress.org/support/topic/well-this-was-easy-moving-from-wp-rocket/" rel="ugc">diffler</a> 
 <a href="https://wordpress.org/support/plugin/fastpixel-website-accelerator/reviews/?filter=5" rel="ugc">more testimonials</a>
</blockquote>
<h3>📩 Additional questions</h3>
If you have more questions, technical or otherwise, please refer to our FAQ section below, our <a href="https://fastpixel.io/docs/" rel="nofollow ugc">docs</a> or <a href="https://fastpixel.io/#contact" rel="nofollow ugc">contact us</a>. 
We typically respond within 15 minutes.

FastPixel Cache – Optimize Page Speed: Compress Images, Minify, Clean Database & CDN

Optimize Core Web Vitals and PageSpeed with advanced caching, image compression, lazy loading, critical CSS, and CDN – the ultimate performance tool.

Menu Optimizer vs FastPixel Cache – Optimize Page Speed: Compress Images, Minify, Clean Database & CDN