Проанализировал популярные соцсети и блоги с бесконечным скроллингом. Ни одна из них не удаляет уже загруженные элементы из DOM. Та же стена пользователя на Фейсбук занимает в памяти под 100 МБ. И это мы берем оптимизированные сайты, где ссылки и лайки под каждым сообщением скорее всего биндятся общим обработчиком через всплытие событий. Если же взять Ангуляр и подобные фреймворки, то там обработчик повесится на каждый элемент списка. Возникла идея выгрузки из DOM загруженных ранее элементов (в кэше они остаются). Почему-то нашел всего парочку подобных решений и ни одного исследования.
Подскажите что-нибудь по теме. Интересуют прежде всего вопросы: 1) насколько больше памяти занимает DOM (за пределами экрана) чем данные в модели, на основе которых он формируется (напр., текст комментария) и как браузер оптимизирует элементы за пределами экрана; 2) делая выгрузку уже загруженных элементов стоит их просто удалять или вставлять вместо них пустой блок высотой с эти элементы, чтобы сохранить позицию ползунка прокрутки, как это отразится на производительности?
