Тест FPS: проверьте частоту кадров вашего браузера и минимум 1%

Бесплатный онлайн-тест FPS: измерение частоты кадров в реальном времени, обнаружение частоты обновления, минимумы 1% и 0,1%, график времени кадра, сравнение движения 15/30/60 кадров в секунду, а также тесты нагрузки процессора или графического процессора (WebGL) с оценкой. Никакой загрузки, 100% в браузере.

Создан и поддерживается Shehzad Munir. ·

Тест ФПС
Loading FPS Render Array
Share

Как этот тест FPS измеряет частоту кадров

Расширенный онлайн-тест FPS, который измеряет реальную частоту кадров вашего браузера при каждом обновлении экрана. Живой счетчик FPS запускается мгновенно и автоматически определяет частоту обновления вашего дисплея (60, 120, 144, 165, 240 Гц и более). Запустите 10-, 30- или 60-секундный тест для определения среднего значения FPS, минимумов 1% и 0,1%, стабильности, пропущенных кадров и времени кадра 50/95/99 процентиля, просмотрите график времени кадра в реальном времени, сравните плавность движения при 15, 30, 60 и полном FPS параллельно и испытайте реальную нагрузку на свой процессор (Canvas 2D) или графический процессор (шейдер WebGL) с пятью уровнями нагрузки. Он также показывает ваш графический процессор, потоки процессора и экран и сохраняет ваши лучшие результаты локально.

Браузеры рисуют новый кадр синхронно с обновлением вашего монитора (V-Sync) и предоставляют временную метку каждого кадра через requestAnimationFrame. Инструмент записывает точное время между каждым кадром, поэтому цифры измеряются, а не оцениваются: FPS составляет 1000 ÷ среднее время кадра, и каждое заикание отображается как длинный кадр. Сначала он калибруется на ваших бездействующих кадрах, чтобы определить частоту обновления, игнорирует пробелы, вызванные скрытыми вкладками, и обновляет счетчик в реальном времени четыре раза в секунду. Поскольку браузеры ограничивают анимацию вашей частотой обновления, идеальный результат равен частоте кадров вашего дисплея, а не неограниченному числу, как в игровых тестах.

Функции

  • Постоянно включенный счетчик FPS: счетчик FPS в реальном времени и считывание количества миллисекунд на кадр начинаются немедленно с цветным кольцом, показывающим, насколько вы близки к заданной частоте обновления.
  • Определение частоты обновления: автоматически определяет дисплеи с частотой 60, 75, 90, 120, 144, 165, 240 Гц и выше на основе реальной синхронизации кадров.
  • Тесты на время: 10-, 30- и 60-секундные пробежки (или неограниченное количество) с оценкой «От безупречного до борьбы» и личным рекордом по продолжительности и нагрузке.
  • Показатели Pro Frame: средний, пиковый и минимальный FPS, минимумы 1% и 0,1%, показатель стабильности, пропущенные кадры и зависания.
  • Процентили времени кадра: медиана (P50), время кадра 95-го и 99-го процентиля в миллисекундах — числа, используемые рецензентами.
  • График времени кадра в реальном времени: последние 180 кадров в виде полос с частотой обновления 60 Гц и направляющими линиями 33 мс; заикания выделены красным.
  • Полосы сравнения движений: один и тот же объект движется со скоростью 15, 30, 60 и полной частотой обновления, чтобы увидеть и сравнить плавность, с тремя скоростями.
  • Стресс-тесты процессора и графического процессора: холст 2D-частиц (от 600 до 16 000 объектов) или шейдер WebGL (графический процессор) на пяти уровнях нагрузки.
  • Информация о системе: рендеринг графического процессора, браузер, разрешение экрана и соотношение пикселей, потоки процессора и память устройства.
  • История, общий доступ и полноэкранный режим: сохранение истории тестов, обмен результатами одним касанием и полноэкранный режим; паузы со скрытыми вкладками исключаются автоматически.

Как использовать Тест ФПС

  1. 1

    Следите за счетчиком в реальном времени

    Кольцо FPS запускается сразу после загрузки страницы и определяет частоту обновления вашего дисплея. Здоровая система находится на этом уровне или очень близко к нему.

  2. 2

    Выберите эталонную длину

    Выберите 10, 30 или 60 секунд для постепенного бега или ∞ для записи, пока не нажмете «Стоп». Держите эту вкладку видимой во время ее работы.

  3. 3

    Добавьте нагрузку на процессор или графический процессор (необязательно)

    На этапе рендеринга выберите CPU (2D-частицы Canvas) или GPU (шейдер WebGL) и уровень от Light до Extreme, чтобы увидеть, какой запас у вас есть.

  4. 4

    Запустите и прочитайте результаты

    Нажмите «Выполнить тест». Вы получите средний FPS, минимум 1% и 0,1%, стабильность, пропущенные кадры и время кадра P50/P95/P99, а также оценку.

  5. 5

    Сравните движение и историю

    Используйте полосы движения, чтобы увидеть, как 15, 30 и 60 кадров в секунду соотносятся с вашей полной частотой обновления, и проверьте таблицу истории, чтобы сравнить прогоны.

Распространенные случаи использования

  • Убедитесь, что монитор с частотой 120 Гц, 144 Гц или 240 Гц действительно работает с полной частотой обновления в браузере.
  • Диагностируйте заикание с помощью минимумов 1% и 0,1% и процентилей времени кадра, даже если средний FPS выглядит нормально
  • Проведите стресс-тестирование графического процессора ноутбука с помощью WebGL и наблюдайте за температурным регулированием в течение 60 секунд.
  • Сравните браузеры или аппаратное ускорение с включенным и выключенным с одинаковыми настройками тестов.
  • Посмотрите видимую разницу между 30, 60 и 144 кадрами в секунду, прежде чем покупать монитор с высокой частотой обновления.
  • Измерьте стоимость FPS расширений, фоновых вкладок или режима экономии заряда батареи.
  • Поделитесь быстрым, воспроизводимым результатом частоты кадров со службой поддержки или другом.

Подробное руководство

Средний FPS против минимума 1 % и процентилей времени кадра

Средний FPS скрывает зависания. Если 99 кадров занимают 7 мс, а один — 60 мс, среднее значение все равно выглядит великолепно, но чувствуется заминка. Низкое значение 1% и низкое 0,1% показывают частоту кадров в секунду для самых медленных 1% и 0,1% кадров, а время кадра P95 и P99 показывает, сколько времени занимают самые медленные кадры. Частота обновления, близкая к вашей, означает действительно плавное движение.

МетрикаЧто это вам говоритХороший результат (дисплей 144 Гц)
Средний FPSОбщая частота кадров140+
1% нижеFPS во время худшего 1% кадровВыше 120
0,1% низкоРедкие, серьезные заминкиВыше 90
P99 время кадра99% кадров быстрее этогоМенее 10 мс
СтабильностьНасколько равномерна частота кадров (0–100 %)90%+
Пропущенные кадрыОбновляет без нового кадраОколо 0

Таблица преобразования времени кадра и FPS

Время кадра обратно пропорционально FPS. График времени кадра рисует ориентировочную линию для вашего интервала обновления и 33,3 мс (30 кадров в секунду); полоски над зеленой линией — это поздние кадры, а красные полоски — это кадры, просмотр которых длился более чем в два раза дольше, чем следовало бы.

Частота обновления/FPSВремя кадра
3033.3 ms
6016.7 ms
7513.3 ms
1208.3 ms
1446.9 ms
1656.1 ms
2404.2 ms
3602.8 ms

Посмотрите разницу: 15 против 30 против 60 против 144 кадров в секунду

Панель сравнения движения перемещает один и тот же объект по экрану с одинаковой скоростью, но каждая полоса обновляется только со своей собственной частотой кадров: 15, 30, 60, половиной вашей частоты обновления (на экранах с частотой 120 Гц и выше) и полной частотой обновления. Нижние полосы прыгают видимыми ступеньками, в то время как нижняя полоса скользит. Если полоса 60 кадров в секунду и полоса «ваш дисплей» выглядят одинаково на мониторе с частотой 144 Гц, возможно, в вашей операционной системе для экрана установлено значение 60 Гц, или кабель не поддерживает высокую частоту обновления.

Стресс-тест процессора и графического процессора в браузере

В режиме ЦП анимируется от 600 до 16 000 индивидуально нарисованных 2D-частиц Canvas, которые загружают основной поток и наборщик. Режим графического процессора отображает полноэкранный фрагментный шейдер WebGL, работа которого на пиксель увеличивается с каждым уровнем, нагружая видеокарту. Посмотрите, как быстро падает средний FPS и минимум 1% при увеличении нагрузки: графический процессор настольного компьютера обычно сохраняет частоту обновления намного дольше, чем встроенный графический процессор ноутбука, а 60-секундный тяжелый запуск — это быстрый способ обнаружить тепловое регулирование, поскольку FPS со временем падает.

Почему у меня низкий или ограниченный FPS?

Если результат застрял на уровне 60 на мониторе с высокой частотой обновления, установите максимальную частоту обновления дисплея в настройках дисплея Windows или дисплеях macOS, используйте DisplayPort или высокоскоростной кабель HDMI и отключите режим экономии заряда батареи. Если FPS значительно ниже вашей частоты обновления, убедитесь, что в настройках вашего браузера включено аппаратное ускорение, закройте тяжелые вкладки и расширения, обновите графические драйверы и подключите ноутбуки к электропитанию. Safari и некоторые мобильные браузеры также могут ограничивать частоту кадров в режиме пониженного энергопотребления.

Проверьте битые пикселиПроверьте скорость вашего интернета

Часто задаваемые вопросы

Как проверить свой FPS онлайн?

Просто откройте эту страницу: счетчик FPS в реальном времени запустится сразу же и покажет текущую частоту кадров и миллисекунды на кадр. Нажмите «Выполнить тест», чтобы получить временной градуированный результат с минимальным значением 1 % и процентилями времени кадра.

Почему мой FPS ограничен 60 (или частотой обновления)?

Браузеры синхронизируют анимацию с вашим монитором (V-Sync), поэтому максимальный FPS равен частоте обновления вашего дисплея. Если у вас монитор с частотой 120/144 Гц, но вы видите 60, установите для дисплея максимальную частоту обновления в настройках ОС, проверьте кабель и отключите режим экономии заряда батареи.

Что такое минимумы 1% и 0,1%?

Это частота кадров во время самых медленных 1% и 0,1% кадров. Они выявляют заикание, которое скрывает среднестатистический человек. Чем ближе ваши минимумы к среднему значению, тем более плавным кажется движение.

Что такое хороший результат теста FPS?

Средняя частота обновления (или в пределах нескольких кадров в секунду), минимум 1% ниже примерно 85%, стабильность более 90% и небольшое количество пропущенных кадров или их отсутствие. Инструмент автоматически оценивает этот показатель от «безупречного» до «плохого».

В чем разница между стресс-тестами процессора и графического процессора?

Режим CPU рисует тысячи 2D-частиц Canvas, загружая процессор и наборщик. Режим графического процессора отображает тяжелый шейдер WebGL для каждого пикселя, загружая видеокарту. Используйте оба, чтобы определить, какая часть вашей системы ограничивает частоту кадров.

Определяет ли этот тест FPS частоту обновления моего монитора?

Да. Он измеряет среднее время между бездействующими кадрами и привязывает его к общим частотам обновления, таким как 60, 75, 120, 144, 165 и 240 Гц. Для специальной проверки попробуйте тест частоты обновления.

Могу ли я увидеть разницу между 30, 60 и 144 кадрами в секунду?

Да. Панель сравнения движений перемещает идентичные объекты с частотой 15, 30, 60 и полной частотой обновления рядом с регулируемой скоростью, так что вы можете сами увидеть разницу в плавности.

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

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

Что-нибудь загружено?

Нет. Все измерения выполняются локально в вашем браузере. Ваши лучшие результаты и история хранятся только в локальном хранилище вашего браузера.

Почему мой FPS ограничен 60 на мониторе с частотой 144 Гц?

Браузер может быть ограничен вертикальной синхронизацией, настройками энергосбережения или активной частотой обновления дисплея. Убедитесь, что в вашей ОС и браузере установлена ​​более высокая скорость.

Это проверяет весь мой компьютер?

Нет: он измеряет производительность рендеринга вашего браузера, которая отражает, но не идентична полносистемному или встроенному игровому FPS.

Из журнала

All articles →