Что такое `createDocumentFragment` и зачем он нужен?

Question

Accepted Answer

## Лёгкий контейнер вне документа

`DocumentFragment` — «корзина» узлов. При вставке фрагмента в DOM дети переезжают **одним** действием, без лишнего родителя-обёртки.

```js
const frag = document.createDocumentFragment();
for (let i = 0; i < 1000; i++) {
  const li = document.createElement('li');
  li.textContent = `Item ${i}`;
  frag.append(li);
}
list.append(frag); // один reflow на пачку
```

## Зачем

Снизить промежуточные reflow/repaint при массовом создании узлов. Сегодня часто достаточно шаблонной строки + `innerHTML` осторожно, или `append` с массивом узлов — но fragment остаётся классикой собеса.