Моделирование включения PHP без PHP

Я хочу включить одно и то же меню навигации на несколько страниц, однако у меня нет поддержки PHP, и я не могу каким-либо другим образом повлиять на свой сервер.

Я хочу избежать простого копирования и вставки html на все страницы, так как это затруднит обновление меню.

Два варианта, о которых я могу думать, следующие:

1 )Разместите весь контент на одной странице, затем определите, какой контент показывать, на основе ключевого слова, добавленного к URL-адресу:

example.com/index?home
example.com/index?news

2 )Включите файл javascript с функцией, которая записывает меню и вызывает эту функцию на каждой странице

function setupMenu() {
    $("#nav").html("<ul class='nav'><li>home</li><li>news</li></ul>");
}

В варианте 1 процесс обновления будет состоять из редактирования одного навигационного меню на одной странице

. При варианте 2 обновление будет означать изменение функции в файле javascript

. Меня беспокоит вариант 1, так как страница должна будет загружать много контента, который ей не нужно отображать. Мое беспокойство по поводу варианта 2 может показаться тривиальным, но это то, что код может стать грязным.

Есть ли причины, по которым один способ будет лучше, чем другой? Или есть третий улучшенный вариант, который мне не хватает?