Defer loading of my menu using AJAX or Javascript

[Maraki]

Hello guys,

 

I am using the following code to load my menu on my wordpress site.

<div id="navigation_uber">

        <!-- mfunc wp_nav_menu( array( 'theme_location' => 'category-menu' ) ); -->

<?php wp_nav_menu( array( 'theme_location' => 'category-menu' ) ); ?>

<!-- /mfunc -->

    </div>

 

I have been doing extensive tests and I noticed that my website renders much faster if I can defer the loading of the menu using AJAX to the end.

 

The total speed might be the same but the perceived speed by the user who actually gets to see something on his screen (rendering) while the rest of the site loads is a significant improvement.

 

Any ideas on how I can defer loading of the menu using AJAX ?

 

many thanks, Maraki