К сожалению, у нас огромное дерево DOM, превышающее 10 тыс. Узлов. У нас также есть список чатов, которые мы не хотим перекомпоновывать для таких вещей, как предварительный просмотр чата msg или обновление отметки времени, поэтому мы помещаем каждый элемент в списке (live avatar, timestamps, last msg) на свой собственный слой с аппаратным обеспечением. Ускорение взлома (translate, transform3d 0,0,0).
Повышение уровня этих слоев в представлении списка до каждого их собственного уровня возлагает на них ответственность графического процессора вместо центрального процессора. Означает ли это, что они больше не являются частью дерева DOM?
Если бы все вещи были равны, мы увидели бы гораздо больший прирост производительности за счет уменьшения слоев для каждого элемента div и элемента в chatList или сокращения огромного DOM дерево? Что занимает больше времени?