Преимущества использования DocumentFragment вместо простого JavaScript:

• Эффективность производительности. 1 Группируя изменения в DOM и применяя их все сразу, можно гарантировать, что браузер обработает их за одну операцию. 1
• Снижение количества перерисовок и переплавок. 1 DOM не обновляется до тех пор, пока фрагмент не будет присоединён к основному дереву. 1
• Упрощение создания динамического контента. 1 Создание и обновление частей страницы без прямого присоединения к DOM может сделать код более чистым и простым в обслуживании. 1

DocumentFragment не является частью видимой DOM, поэтому изменения, внесённые во фрагмент, не влияют на документ и производительность страницы. 2