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

• Ограничение частоты кадров. 1 Анимации ограничиваются частотой обновления экрана (обычно 60 Гц), что обеспечивает плавность без использования лишних ресурсов процессора и графического процессора. 1
• Синхронизация с VSync. 1 Обновления синхронизируются с частотой обновления экрана устройства, что делает анимацию более плавной. 1
• Энергоэффективность. 1 Браузеры могут приостанавливать анимации в отдельных вкладках или окнах, или когда пользователь минимизирует браузер, что способствует экономии энергии. 1
• Автоматическая регулировка. 1 Браузер может разумно регулировать количество кадров при сильной нагрузке. 1
• Запуск только при видимости вкладки (или окна). 4 Это означает меньшее использование процессора, графического процессора и памяти. 4