Использование requestAnimationFrame может оптимизировать работу анимации в браузере, потому что позволяет браузеру оптимизировать анимации, делая их плавнее и более ресурсоэффективными. 1 Вот некоторые способы:

• Исключение ненужных отрисовок. 1 requestAnimationFrame исключает возможность ненужных отрисовок и может связывать вместе несколько анимаций в одно целое и цикл перерисовки. 1
• Анимации работают только тогда, когда вкладка со страницей видима пользователю. 14 Это означает меньшее использование CPU, GPU и памяти. 14
• Меньшее потребление питания. 1 Оптимизации помогают сократить количество «мусорных процессов», которые нужно совершить устройству, чтобы создать анимацию, что ведёт к бережному энергопотреблению. 1 Это особенно важно для мобильных устройств, которые обычно имеют относительно короткие сроки работы батареи. 1