Объяснение
Браузер строит DOM и дерево стилей, вычисляет layout, рисует и композитит слои. Изменение геометрии может вызвать layout; изменение transform часто обходится без него. Чередование чтения размеров и записи стилей создаёт лишние перерасчёты.
Задача для самостоятельного решения
Как обновить размеры ста карточек без ста синхронных layout?
Показать разбор ответа
Сначала собрать все необходимые измерения, затем выполнить пакет записей. Не читать offsetWidth сразу после каждой записи стиля; подтвердить результат профилем браузера.