Эффективный Javascript для модификации DOM

Скажем, у меня есть файл HTML, который я хочу обработать с помощью Javascript. Например:

• Добавьте некоторые элементы DOM, такие как оболочки spanили div.
• Немного измените стиль документа, например размер основного шрифта, высоту строки -и т. д.
• Используйте дефис, чтобы добавить объекты ­.

Как это сделать наиболее эффективно, т.е. хотелось бы сделать это с минимальным количеством перекомпоновок.

Идеальным случаем было бы выполнение кода JS -еще до первого макета. Это возможно? Я знаю, как правило, это плохая идея запускать дорогостоящие скрипты до того, как страница будет отображена, потому что это приведет к тому, что страница некоторое время будет выглядеть пустой, и это действительно плохой опыт. Однако мне понадобится это для работы в автономном режиме, и это не будет проблемой для моего проекта.

Или есть способ сделать все модификации dom в одной связке, т.е. перекомпоновать, который будет запущен после того, как все изменения будут завершены?