Динамческий DOM без HTML и CSS?
Конечно медленнее.
1. HTML уже на странице
загрузка HTML -> парсинг HTML -> рендеринг страницы
2. Только JS
Загрузка JS -> парсинг JS -> выполнение JS -> вставка кода DOM -> парсинг HTML -> рендеринг страницы
Вывод очевиден.
Во-первых, вам мама не говорила, что DOM-операции медленные?
Во-вторых... давайте посмотрим, как JS работает с DOM'ом.
Создаем элементvar el = document.createElement('div');
Вставляем егоdocument.appendChild(el);
Постойте-ка... у нас нет DOM вообще, а значит и body. А куда нам его вставлять? В сферического коня в вакуме?
В-третьих, как это вообще без DOM? Тег script часть DOM'а, т.е. прямо его загрузить мы, конечно же, не можем. Без DOM.
В-четвертых, если вам надоел DOM - переходите на темную сторону... на node.js