Некоторые преимущества использования requestAnimationFrame перед традиционным setInterval:

• Оптимизация браузером. 3 RequestAnimationFrame позволяет браузеру оптимизировать анимации, делать их плавнее и более ресурсоэффективными. 3 Он исключает возможность ненужных отрисовок и может связывать вместе несколько анимаций в одно целое и цикл перерисовки. 3
• Анимации работают, когда их видно. 13 При использовании requestAnimationFrame анимации будут работать только тогда, когда вкладка со страницей видима пользователю. 3 Это означает меньшее использование CPU, GPU и памяти. 13
• Меньшее потребление питания. 3 Оптимизации помогают сократить количество «мусорных процессов», которые нужно совершить устройству, чтобы создать анимацию. 3 Это ведёт к бережному энергопотреблению, что особенно важно для мобильных устройств. 3
• Более точное планирование. 4 В отличие от setInterval, requestAnimationFrame использует таймер с высоким разрешением, что позволяет создавать анимацию на основе времени. 4 Это сглаживает анимацию, даже если частота кадров не постоянна. 4