В чем преимущества использования requestAnimationFrame перед традиционным setInterval?

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

• Оптимизация браузером. college.arthur-nesterenko.dev RequestAnimationFrame позволяет браузеру оптимизировать анимации, делать их плавнее и более ресурсоэффективными. college.arthur-nesterenko.dev Он исключает возможность ненужных отрисовок и может связывать вместе несколько анимаций в одно целое и цикл перерисовки. college.arthur-nesterenko.dev
• Анимации работают, когда их видно. blog.openreplay.com college.arthur-nesterenko.dev При использовании requestAnimationFrame анимации будут работать только тогда, когда вкладка со страницей видима пользователю. college.arthur-nesterenko.dev Это означает меньшее использование CPU, GPU и памяти. blog.openreplay.com college.arthur-nesterenko.dev
• Меньшее потребление питания. college.arthur-nesterenko.dev Оптимизации помогают сократить количество «мусорных процессов», которые нужно совершить устройству, чтобы создать анимацию. college.arthur-nesterenko.dev Это ведёт к бережному энергопотреблению, что особенно важно для мобильных устройств. college.arthur-nesterenko.dev
• Более точное планирование. www.codingdefined.com В отличие от setInterval, requestAnimationFrame использует таймер с высоким разрешением, что позволяет создавать анимацию на основе времени. www.codingdefined.com Это сглаживает анимацию, даже если частота кадров не постоянна. www.codingdefined.com