Лучший способ динамически вставлять сотни элементов DOM на страницу, сохраняя при этом высокую производительность

У меня есть веб-приложение, в котором мы вставляем сотни элементов в DOM

По сути, я делаю

 $('#some_element').html('<lots of html here>'); 

неоднократно. В некоторых случаях мне может потребоваться выполнить $ ('# some_element'). AppendTo ('more html');

Из предыдущего опыта вставка текста HTML с помощью добавления или установка innerHTML из элемент медленный.

Я слышал, что вы можете повысить производительность, сначала поместив элементы во фрагмент DOM, а затем переместив его местоположение внутрь нужного вам элемента.

Производительность является ключевой. Есть ли у вас какие-нибудь советы или предложения по увеличению производительности? Есть ли какие-нибудь хаки, чтобы сделать это быстро?

Изменить: как упоминалось в комментарии: приложение включает в себя поток различных данных в реальном времени, поэтому он должен иметь возможность постоянно добавлять новые элементы DOM для представления новых данных. (Это также может привести к другой проблеме, связанной с наличием слишком большого количества элементов DOM, поэтому потребуются слишком старые элементы).