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.

coozywana

StaticDelivr CDN is a lightweight and powerful plugin designed to improve your WordPress site’s performance. By rewriting theme, plugin, core file resource URLs, optimizing images, and proxying Google Fonts through the <a href="https://staticdelivr.com" rel="nofollow ugc">StaticDelivr CDN</a>, the plugin ensures faster loading times, reduced server load, better privacy, and an improved user experience.
StaticDelivr is a global content delivery network (CDN) that supports delivering assets from various platforms like npm, GitHub, and WordPress. By leveraging geographically distributed servers, StaticDelivr optimizes the delivery of your static assets such as CSS, JavaScript, images, and fonts.
<h3>Key Features</h3>
<ul>
<li>Smart Asset Detection: Automatically detects which themes and plugins are from wordpress.org and only serves those via CDN. Custom themes and plugins are served locally. No configuration needed!</li>
<li>Failure Memory System: If a CDN resource fails to load, the plugin remembers and automatically serves it locally for 24 hours. No more repeated failures!</li>
<li>Automatic URL Rewriting: Automatically rewrites URLs of enqueued styles, scripts, and core files for themes, plugins, and WordPress itself to use the StaticDelivr CDN.</li>
<li>Image Optimization: Automatically optimizes images with compression and modern format conversion (WebP, AVIF). Turn 2MB images into 20KB without quality loss!</li>
<li>Google Fonts Privacy Proxy: Serve Google Fonts without tracking (GDPR compliant). A drop-in replacement that strips all user-identifying data and tracking cookies.</li>
<li>Automatic Fallback: If a CDN asset fails to load, the plugin automatically falls back to your origin server, ensuring your site never breaks.</li>
<li>Localhost Detection: Automatically detects development environments and serves images locally when CDN cannot reach them.</li>
<li>Child Theme Support: Intelligently handles child themes by checking parent theme availability on wordpress.org.</li>
<li>Separate Controls: Enable or disable assets (CSS/JS), image optimization, and Google Fonts proxy independently.</li>
<li>Quality & Format Settings: Customize image compression quality and output format.</li>
<li>Verification Dashboard: See exactly which assets are served via CDN vs locally in the admin panel.</li>
<li>Failure Statistics: View which resources have failed and are being served locally, with option to clear cache.</li>
<li>Compatibility: Works seamlessly with all WordPress themes and plugins — both from wordpress.org and custom/premium sources.</li>
<li>Improved Performance: Delivers assets from the StaticDelivr CDN for lightning-fast loading and enhanced user experience.</li>
<li>Multi-CDN Support: Leverages multiple CDNs to ensure optimal availability and performance.</li>
<li>Free and Open Source: Supports the open-source community by offering free access to a high-performance CDN.</li>
</ul>
<h3>Use of Third-Party Service</h3>
This plugin relies on the <a href="https://staticdelivr.com" rel="nofollow ugc">StaticDelivr CDN</a> to deliver static assets, including WordPress themes, plugins, core files, optimized images, and Google Fonts. The CDN uses the public WordPress SVN repository to fetch theme/plugin files and serves them through a globally distributed network for faster performance and reduced bandwidth costs.
<ul>
<li>Service Terms of Use: <a href="https://staticdelivr.com/legal/terms-of-service" rel="nofollow ugc">StaticDelivr Terms</a></li>
<li>Privacy Policy: <a href="https://staticdelivr.com/legal/privacy-policy" rel="nofollow ugc">StaticDelivr Privacy Policy</a></li>
</ul>
<h3>How It Works</h3>
StaticDelivr CDN rewrites your WordPress asset URLs to deliver them through its high-performance network:
<h4>Smart Asset Detection</h4>
The plugin automatically verifies which themes and plugins exist on wordpress.org:
<ul>
<li>WordPress.org Assets: Served via StaticDelivr CDN for maximum performance</li>
<li>Custom/Premium Assets: Automatically detected and served from your server</li>
<li>Child Themes: Parent theme is checked. If the parent is on wordpress.org, assets load via CDN</li>
</ul>
This means the plugin “just works” with any combination of wordpress.org and custom themes/plugins!
<h4>Failure Memory System (New in 1.7.0!)</h4>
The plugin learns from CDN failures and automatically adapts:
<ul>
<li>First failure: Fallback fires, failure is recorded</li>
<li>Second failure: Resource is blocked from CDN for 24 hours</li>
<li>Auto-recovery: After 24 hours, resources are retried automatically</li>
<li>Manual reset: Clear the failure cache anytime from settings</li>
</ul>
This ensures that problematic resources (Cloudflare-protected images, auth-gated content, etc.) are handled gracefully without repeated failures.
<h4>Assets (CSS & JavaScript)</h4>
<ul>
<li>Original URL: `https://example.com/wp-content/themes/theme-name/version/style.css`</li>
<li>Rewritten CDN URL: `https://cdn.staticdelivr.com/wp/themes/theme-name/version/style.css`</li>
</ul>
This process applies to themes, plugins, and core files:
<ul>
<li>
Themes: 
Original: `https://example.com/wp-content/themes/twentytwentythree/1.0/style.css` 
CDN: `https://cdn.staticdelivr.com/wp/themes/twentytwentythree/1.0/style.css`
</li>
<li>
Plugins: 
Original: `https://example.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js` 
CDN: `https://cdn.staticdelivr.com/wp/plugins/woocommerce/tags/9.3.3/assets/js/frontend/woocommerce.min.js`
</li>
<li>
Core Files: 
Original: `https://example.com/wp-includes/js/jquery/jquery.min.js` 
CDN: `https://cdn.staticdelivr.com/wp/core/tags/6.9/wp-includes/js/jquery/jquery.min.js`
</li>
</ul>
<h4>Images</h4>
<ul>
<li>Original: `https://example.com/wp-content/uploads/2024/01/photo.jpg` (2MB)</li>
<li>Optimized CDN: `https://cdn.staticdelivr.com/img/images?url=https://example.com/wp-content/uploads/2024/01/photo.jpg&q=80&format=webp` (~20KB)</li>
</ul>
<h4>Google Fonts</h4>
<ul>
<li>Original CSS: `https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap`</li>
<li>
Privacy Proxy: `https://cdn.staticdelivr.com/gfonts/css2?family=Inter:wght@400;500;600&display=swap`
</li>
<li>
Original Font Files: `https://fonts.gstatic.com/s/inter/v20/example.woff2`
</li>
<li>Privacy Proxy: `https://cdn.staticdelivr.com/gstatic-fonts/s/inter/v20/example.woff2`</li>
</ul>
This ensures faster delivery through StaticDelivr’s globally distributed network while protecting user privacy.
<h3>Why Use StaticDelivr?</h3>
<ul>
<li>Zero Configuration: Smart detection means it works out of the box with any theme/plugin combination.</li>
<li>Self-Healing: Failure memory system automatically adapts to problematic resources.</li>
<li>Global Distribution: StaticDelivr serves your assets from a globally distributed network, reducing latency and improving load times.</li>
<li>Massive Bandwidth Savings: Offload heavy image delivery to StaticDelivr. Optimized images can be 10-100x smaller!</li>
<li>Privacy-First Google Fonts: Serve Google Fonts without tracking cookies — GDPR compliant without additional cookie banners.</li>
<li>Works with Custom Themes: Unlike other CDN plugins, StaticDelivr automatically detects custom themes/plugins and serves them locally.</li>
<li>Browser Caching Benefits: As an open-source CDN used by many sites, assets served by StaticDelivr are likely already cached in users’ browsers. This enables faster load times when visiting multiple sites using StaticDelivr.</li>
<li>Significant Bandwidth Savings: Reduces your site’s bandwidth usage and number of requests significantly by offloading asset delivery to StaticDelivr.</li>
<li>Optimized Performance: Ensures assets are delivered quickly, no matter where your users are located.</li>
<li>Comprehensive WordPress Support: Includes support for delivering core WordPress files (e.g., those in the `wp-includes` directory) to enhance site speed and reliability.</li>
<li>Support for Popular Platforms: Easily integrates with npm, GitHub, WordPress, and Google Fonts.</li>
<li>Minimal Configuration: Just enable the features you want and the plugin handles the rest.</li>
<li>Development Friendly: Automatically detects localhost and development environments.</li>
</ul>
<h3>Translations</h3>
StaticDelivr CDN is available in the following languages:
<ul>
<li>English (default)</li>
<li>Spanish (Español) – es_ES, es_MX</li>
<li>French (Français) – fr_FR</li>
<li>German (Deutsch) – de_DE</li>
<li>Italian (Italiano) – it_IT</li>
<li>Portuguese Brazil (Português) – pt_BR</li>
<li>Dutch (Nederlands) – nl_NL</li>
<li>Japanese (日本語) – ja</li>
<li>Chinese Simplified (简体中文) – zh_CN</li>
<li>Chinese Traditional (繁體中文) – zh_TW</li>
<li>Russian (Русский) – ru_RU</li>
<li>Arabic (العربية) – ar</li>
<li>Korean (한국어) – ko_KR</li>
<li>Turkish (Türkçe) – tr_TR</li>
<li>Polish (Polski) – pl_PL</li>
<li>Ukrainian (Українська) – uk</li>
<li>Czech (Čeština) – cs_CZ</li>
<li>Hungarian (Magyar) – hu_HU</li>
<li>Romanian (Română) – ro_RO</li>
<li>Swedish (Svenska) – sv_SE</li>
<li>Danish (Dansk) – da_DK</li>
<li>Finnish (Suomi) – fi</li>
<li>Hebrew (עברית) – he_IL</li>
<li>Persian (فارسی) – fa_IR</li>
<li>Hindi (हिन्दी) – hi</li>
<li>Vietnamese (Tiếng Việt) – vi</li>
<li>Thai (ไทย) – th</li>
<li>Indonesian (Bahasa Indonesia) – id_ID</li>
<li>Urdu (اردو) – ur</li>
</ul>
Want to help translate StaticDelivr CDN into your language? Visit <a href="https://translate.wordpress.org/projects/wp-plugins/staticdelivr/" rel="nofollow ugc">translate.wordpress.org</a> to contribute!
<h3>License</h3>
This plugin is licensed under the GPLv2 or later. See <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">License URI</a> for details.

StaticDelivr: Free CDN, Image Optimization & Speed

Speed up WordPress with free CDN delivery, image optimization, smart asset detection, failure recovery, and privacy-first Google Fonts proxy.

Menu Optimizer vs StaticDelivr: Free CDN, Image Optimization & Speed