Как оптимизировать бесконечный скролл, чтобы постоянное добавление элементов в DOM не перегружало страницу?

Используйте виртуализацию: держите в DOM видимое окно и небольшой запас, а не все когда-либо загруженные элементы.

Сохраняйте корректную высоту прокрутки и стабильные ключи, учитывайте переменную высоту строк. Загрузку следующей страницы запускайте заранее, защищаясь от параллельных дублей и устаревших ответов. Отдельно ограничивайте память данных: виртуализация DOM сама по себе не удаляет накопленный массив и кеш.