Преимущества использования DocumentFragment вместо вставки DOM-узлов напрямую:

• Быстрая вставка в DOM. 4 Элементы сначала вставляются в DocumentFragment, а потом он вставляется в DOM, что позволяет минимизировать количество вставок в большой живой DOM. 34
• Отсутствие влияния на документ и производительность страницы. 2 DocumentFragment не является частью видимой DOM, поэтому изменения, внесённые во фрагмент, не влияют на документ и производительность страницы. 2
• Возможность клонирования узлов. 4 У DocumentFragment есть метод cloneNode, поэтому его можно клонировать вместе со всеми узлами. 4

Недостатки использования DocumentFragment:

• Отсутствие многих привычных методов и свойств. 5 У фрагмента нет обычных свойств DOM-узлов, таких как innerHTML, tagName и других. 3
• Опустошение фрагмента при использовании. 5 Когда DocumentFragment вставляется в DOM, он исчезает, а вместо него вставляются содержащиеся в нём узлы. 34