JS: DocumentFragment

Что

Фейковая нода (минимальный HTML объект), который может служить временным контейнером для других нод; своеобразный облегчённый вариант Document. Не имеет родителя.

Отличие от Document в том, что DocumentFragment не является частью DOM. Любые изменения, вносимые в DocumentFragment, не отображаются на странице.

После использования (вставки в DOM), фрагмент очищается и становится пустым.

Зачем

Ускоряет страницу:

• Когда в DOM надо вывести много нод, дешевле положить их все во временный контейнер, который не вызывает никаких изменений на странице, а потом за одну итерацию рендера отобразить в DOM.

Как

• . Codepen.

Документация

MDN.