Контроль над рендерингом DOM
Когда я создал огромное дерево DOM с использованием JS и когда я добавляю его в тело, страница перестает отвечать.
Есть ли способ управления оплавлением и перекрашиванием?
В этом Plunker https://plnkr.co/edit/eJ7iTTV9HGT8Z9oOtopY?p=preview при нажатии на кнопку Создать простой <p> создается, а затем огромный вложенный <ul>
var p = document.createElement('p');
p.innerText = 'hello'
document.body.append(p);
addSchemaToBody();
Я это понимаю addSchemaToBody() подавляет, так есть ли способ контролировать рендеринг? Позволять <p> Быстро добавляться и <ul> Систематически не блокируя взаимодействие со страницей. В более сложном случае я не мог использовать поля ввода, все было заморожено, пока браузер не закончил с <ul>
Мне удалось предотвратить полную блокировку, добавляя элементы через определенные промежутки времени, но это кажется хакерским.