Как вставить большое количество dom-элементов на страницу?

Question

[Василий Васильев]

Есть набор элементов(40 000+), которые надо отрендерить на странице с помощью чистого js.

Comments

[edward_freedom]

какой тип элементов? Если таблица, то разбей на страницы

[Василий Васильев]

edward_freedom, цветные блоки, нужно именно на одной странице. И именно чистый js

Answer 1

[hzzzzl]

container.innerHTML = [...Array(40000)].map(div => `<div> ${"содержимое дива"} </div>`).join('')

попробовал тут на тостере, самое удивительное что даже ничего не развалилось и почти моментально выполнилось :D

Answer 2

[Стас Хитрич]

Используйте WebWorker и вынесите туда всю логику по формированию виртуального дом, а когда сформируете перебором нужную строку, верните всё в основной скрипт и вставьте разом. Таким образом страница не будет подвисать из-за расчетов и уж тем более не следует в цикле менять DOM, 1 раз формируется, 1 раз вставляется.

Answer 3

[Владимир Коротенко]

Создайте чисто текстовой контейнер, добавьте 1 элемент и присвойте иннерhtml ваш буфер