Сейчас подумал, если JS есть, можно делать div с меню невидимым свойством visibility, а "навороченное" меню догружать после загрузки всего кода страницы, переписывать div с меню и делать его видим. Тогда и простое меню не будет успевать отрисовываться на экране и загрузка дополнительного кода будет происходить когда уже большая часть страницы загрузилась.

Только как сделать свойство visibility:hidden у элемента который ещё не загузился?

Юзебилити у меня на первом месте!

Оно не такое уж большое, порядка 100 пунктов :) разбитых на группы с заголовками.

Спасибо, обязательно почитаю, но думаю что там все безнадежно устарело :)

та да,это не большое-это огромное. раз так в 15 больше чем рекомендуют макс пунктов.:blink:
ошибочно думаете.
также никогда не устаревают поведенческие реакции человека

fry2,
смело ставьте скрипт сразу после элемента. Он успеет исчезнуть гораздо раньше, чем пользователь его заметит

Если уж хочется прям точно так, то делается это следующим образом:

<script>
  document.write('<style>.simpe_menu {display:none}</style>')
  //код вашего суперменю
</script>
<div class="simpe_menu">
  //код вашего простого меню
</div>