Какие преимущества имеет использование DocumentFragment вместо appendChild при массовой вставке элементов?

Некоторые преимущества использования DocumentFragment вместо appendChild при массовой вставке элементов:

• Уменьшение количества взаимодействий с реальным DOM-деревом. yourtodo.life Вместо того чтобы добавлять каждый элемент списка отдельно, вызывая множество перерисовок и пересчётов стилей, DocumentFragment позволяет вносить все изменения одновременно. yourtodo.life
• Улучшение производительности. yourtodo.life habr.com Когда элементы добавляются по очереди, браузеру приходится производить множество вычислений, что может привести к ощутимому «подвисанию» для пользователя. habr.com DocumentFragment не вызывает таких вычислений, потому что фрагмент не является частью активного DOM-дерева. habr.com
• Снижение потребления ресурсов. dev.to Минимизация пересчётов макетов и перерисовок позволяет веб-приложению потреблять меньше ресурсов, что, в частности, продлевает срок работы батарей мобильных устройств. dev.to
• Отсутствие блокировки основного потока JavaScript. dev.to Это означает, что во время процесса страница остаётся отзывчивой и не зависает, обеспечивая лучший пользовательский опыт. dev.to