Проверка FPS

Измерьте, насколько плавно ваш браузер отображает движение. Наблюдайте за анимацией в реальном времени, сравнивайте результат с типичными целями по частоте кадров и замечайте рывки, нестабильный ритм кадров или пропуски.

Загрузка проверки FPS...

Как работает проверка FPS

Инструмент анимирует сцену в вашем браузере и измеряет, как часто кадры отрисовываются с течением времени.

1

Запустите анимацию

Запустите проверку, чтобы браузер непрерывно рендерил движение с помощью requestAnimationFrame.

2

Измерьте ритм кадров

Инструмент собирает данные о времени кадров, текущем FPS, среднем FPS и стабильности времени кадра.

3

Оцените плавность

Сравните результат с типичными целями, например 30, 60, 90 или 120 FPS, чтобы понять качество движения.

Как ощущаются разные уровни FPS

FPS меняет то, как непрерывное движение воспринимается человеческим глазом.

1 FPS

Движение как слайд-шоу

При 1 FPS движение распадается на отдельные статичные изображения. Это похоже скорее на последовательность скриншотов, чем на непрерывное видео.

10 FPS

Рывки и замирания

При 10 FPS движение уже различимо, но по-прежнему выглядит рваным. На этом уровне видеозвонки и анимация начинают ощущаться некомфортно.

20 FPS

Почти плавно

При 20 FPS движение уже кажется достаточно непрерывным, но быстрые перемещения всё ещё теряют детализацию и отзывчивость.

60 FPS

Плавный повседневный опыт

60 FPS — распространённый ориентир для плавного браузинга, анимаций, переходов интерфейса и многих видео в реальном времени.

Почему FPS важен

Чем выше и стабильнее FPS, тем обычно плавнее и комфортнее выглядит движение.

📹

Видеозвонки и прямые эфиры

Низкий FPS приводит к рывкам и замираниям. Более высокий FPS делает движение естественнее и ближе к реальному времени во время звонков, трансляций и предпросмотра камеры.

🎮

Игры и облачный гейминг

Интерактивный контент ощущается лучше, когда кадры приходят стабильно. FPS влияет на плавность, отзывчивость и ощущаемую задержку ввода.

🧪

Проверка анимации и интерфейса

Используйте проверку, чтобы понять, может ли ваш браузер и устройство удерживать интерфейсы с большим количеством движения плавными в обычных условиях.

📱

Сравнение устройств

Сравните производительность компьютера, ноутбука, планшета и телефона, чтобы понять, какое устройство лучше справляется с движением в вашей конфигурации.

🌐

Сравнение браузеров

Запустите один и тот же тест в разных браузерах, чтобы заметить отличия рендеринга, поведение энергосбережения или замедления из-за расширений.

🛠️

Поиск причины подёргиваний

Если прокрутка или анимация кажутся странными, проверка FPS поможет понять, связана ли проблема с пропущенными кадрами и нестабильным ритмом.

Что показывает эта проверка

Используйте её как быстрый браузерный тест плавности движения.

Текущий FPS в реальном времени

Следите за текущей частотой кадров в реальном времени, пока идёт анимация.

Средний, минимальный и максимальный FPS

Получите более полную картину производительности, а не полагайтесь только на одно число.

Время кадра и оценка пропущенных кадров

Поймите, плавное ли движение, неравномерное ли оно и теряются ли ожидаемые кадры.

Сравнение с целевым FPS

Сравните результат с типичными целями по обновлению: 30, 60, 90, 120 и 144 FPS.

Полноэкранный режим анимации

На большой анимированной сцене легче заметить дрожание и подёргивания.

Без установки

Проверка работает прямо в браузере без загрузок, драйверов и плагинов.

FAQ

FAQ по проверке FPS

Короткие ответы о частоте кадров, плавности и о том, что измеряет этот инструмент.

1

Что означает FPS?

FPS — это frames per second, то есть количество кадров в секунду. Показатель показывает, сколько уникальных изображений отрисовывается за секунду, и напрямую влияет на плавность движения на экране.

2

Какой результат FPS считается хорошим?

Для обычного интерфейса и видео обычно приемлемо 24–30 FPS. Для более плавной прокрутки, анимации, игр и живых превью гораздо лучше ощущается 60 FPS и выше.

3

Почему FPS может падать даже с хорошим монитором?

Низкий FPS может быть вызван нагрузкой на браузер, фоновыми вкладками, троттлингом из-за нагрева, настройками графики, режимом экономии батареи или слабым устройством. Экран — лишь одна часть цепочки.

4

Этот тест точно измеряет частоту обновления монитора?

Нет. Он измеряет, насколько быстро браузер способен рендерить анимационные кадры в реальных условиях. Поэтому он полезен для проверки плавности движения, но не является аппаратным тестом частоты обновления.

5

Зачем использовать полноэкранный режим?

Полный экран уменьшает отвлекающие факторы и даёт анимации больше места, поэтому рывки, неровный ритм и пропущенные кадры заметить проще.

6

Можно ли использовать это на мобильном устройстве?

Да. Проверка работает и в современных мобильных браузерах, поэтому вы можете сравнить поведение FPS на телефонах, планшетах и компьютерах.

Технические заметки

Несколько практических деталей помогут точнее интерпретировать результаты FPS.

💻

Лучшие условия

Браузеры на компьютерах и ноутбуках
Современные телефоны и планшеты
Внешние и встроенные дисплеи
Мониторы с высокой частотой обновления
🌐

Поддерживаемые браузеры

Chrome и браузеры на Chromium
Safari
Firefox
Edge

Что влияет на FPS

Нагрузка на CPU и GPU
Энергосбережение и троттлинг из-за нагрева
Расширения браузера и фоновые вкладки
Ограничения частоты обновления дисплея

Советы для более точного результата

Закройте тяжёлые приложения и лишние вкладки
Запускайте тест в полноэкранном режиме
По возможности отключите режим энергосбережения
Повторите тест несколько раз и сравните средние значения