Что означает термин#
Плавность зависит не только от среднего значения, но и от равномерности интервалов. Частота обновления экрана и число реально подготовленных кадров различаются. requestAnimationFrame вызывает обновление перед перерисовкой; скорость анимации следует рассчитывать по времени, а не по количеству вызовов.
Практический пример#
Перемещение на фиксированное число пикселей в каждом кадре идёт быстрее на экране с высокой частотой обновления. Расчёт по прошедшим миллисекундам сохраняет ожидаемую длительность. При тяжёлой обработке JavaScript отдельные кадры задерживаются, и движение начинает восприниматься рывками.
Как проверить#
Запишите взаимодействие в панели Performance и изучите длительные задачи и интервалы кадров. Проверяйте обычное устройство, прокрутку и взаимодействие во время анимации. Среднее значение FPS может скрывать отдельные задержки. Отдельно проверьте предпочтение уменьшенного движения: корректное ограничение анимации важнее постоянного достижения условного числа кадров на любой странице.
Источники#
Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.