Skip to content

Features

Jump to bottom
Jerel Yoshida edited this page Mar 18, 2026 · 1 revision

Features

Hybrid Prefetch System

Introduced in v1.0.14

The hybrid prefetch system provides near-instant navigation by combining multiple optimization techniques:

How It Works

Event Action Result
Hover Native <link rel="prefetch"> Browser caches page HTML
Hover (50ms) AJAX preload Server caches CSS/JS/images
Mousedown Native <link rel="prerender"> Browser pre-renders page
Click Cancel pending requests Instant navigation, no blocking

Benefits

  • Near-instant page loads - Pages are cached before you click
  • No blocking - Pending AJAX requests are cancelled on click
  • Bandwidth efficient - Only prefetches on hover intent
  • Fallback support - Works even if native prefetch isn't supported

Browser Support

Feature Chrome Firefox Safari Edge
prefetch ✅ ✅ ✅ ✅
prerender ✅ ❌ ❌ ✅

AJAX Sub-Menu Loading

Load sub-menus on demand via AJAX when users hover over parent items.

Benefits

  • Reduces initial page load time
  • Only loads what users actually see
  • Caches loaded sub-menus for instant re-display

Enabling

  1. Go to Appearance > Mega Menu Ajax
  2. Select a menu location
  3. Check Enable AJAX Sub-Menu Loading

Page Preloading

Preload page assets (CSS, JS, images) when users hover over menu links.

Settings

Setting Description
Preload CSS Fetch stylesheets from target page
Preload JS Fetch JavaScript files from target page
Preload Images Fetch images from target page (up to 5)

Caching

  • Preloaded data is cached for 1 hour
  • Uses WordPress transients for storage

Lazy Loading

Load entire menus after page content using Intersection Observer.

How It Works

  1. Menu placeholder is rendered initially
  2. When placeholder enters viewport, menu is loaded via AJAX
  3. Menu replaces placeholder

Use Case

Ideal for menus below the fold or in footer areas.

Real-Time Search

Search menu items in real-time via AJAX.

Features

  • Search as you type
  • Minimum 2 characters to trigger search
  • Results displayed instantly

Elementor Integration

Drag-and-drop mega menu widget for Elementor.

Widget Controls

  • Menu location selector
  • Animation type
  • Mobile breakpoint
  • Custom CSS classes

Max Mega Menu Compatibility

Works alongside Max Mega Menu plugin.

Compatible Features

  • Sub-menu lazy loading
  • Page preloading
  • Native prefetch

Detection

The plugin automatically detects Max Mega Menu and uses compatible selectors.

Clone this wiki locally