Тест частоты кадров — проверьте реальный FPS вашего монитора онлайн

Этот тест частоты обновления позволяет в режиме реального времени в браузере измерить, сколько кадров в секунду фактически выводит ваш монитор. Просто понаблюдайте за движущимся узором, прочитайте показатель — и примерно за десять секунд вы получите объективную оценку плавности работы вашего монитора. Это самый быстрый способ убедиться, что монитор, продаваемый как 120 Гц или 144 Гц, действительно работает с такой частотой, сравнить два экрана или проверить, справляется ли ваше оборудование с нагрузкой. Ничего устанавливать не нужно, никуда регистрироваться не нужно.

Что означают эти три показателя

Тест выдает три показателя. В совокупности они показывают, как работает ваш дисплей и успевает ли сам тест за ним.

Разрешение экрана

Размеры дисплея в пикселях, масштабированные с учётом коэффициента пикселей устройства; таким образом, экран с высокой плотностью отображает своё истинное native значение, а не приближённое значение по CSS. Разрешение само по себе не влияет на плавность, но влияет на частоту кадров: больше пикселей на кадр — это большая нагрузка, поэтому очень высокое разрешение может снизить FPS на том же оборудовании.

FPS экрана

Главный показатель — количество кадров в секунду, которые ваш браузер фактически выводит на экран. В исправной конфигурации этот показатель близок к частоте обновления вашей панели: около 60 на экране с частотой 60 Гц, 120 на экране с частотой 120 Гц, 144 на экране с частотой 144 Гц. Если этот показатель значительно ниже номинальной частоты обновления, то «узкое место» находится выше по цепочке от панели, и в разделе ниже, посвященном причинам, по которым FPS ниже частоты обновления, рассмотрены наиболее распространенные причины.

Тестовый FPS

Частота, с которой воспроизводится собственная анимация теста. Регулятор «Canvas FPS» позволяет намеренно ограничить это значение — это полезно для замедления движения и изучения отдельных кадров. Если вы не трогали этот регулятор, это значение должно точно соответствовать FPS вашего экрана. Если оно значительно ниже, это означает, что сама страница испытывает недостаток ресурсов, обычно из-за фоновой загрузки или загруженной вкладки.

Как получить точные показания

Тест запускается сразу после загрузки страницы и постоянно обновляется. Чтобы показатель был достоверным, выполните несколько шагов:

• Сначала установите для экрана максимальную частоту обновления в настройках дисплея вашей операционной системы, чтобы тест мог достичь реального предела панели. Как в Windows, так и в macOS новые дисплеи чаще, чем люди ожидают, поставляются с более низким значением по умолчанию. В нашем руководстве о том, как проверить частоту обновления, подробно описан этот процесс.
• Перейдите в полноэкранный режим с помощью кнопки под холстом. Это убирает интерфейс браузера и другие элементы страницы и обеспечивает наиболее точные результаты.
• Закройте ресурсоемкие вкладки, работающие в фоновом режиме. Видеозвонки, потоковое вещание и любые приложения, использующие WebGL, будут конкурировать за ресурсы одного и того же графического процессора.
• Подключите ноутбук к источнику питания. Режимы экономии заряда батареи снижают производительность графического процессора и ограничивают частоту обновления, зачастую незаметно для пользователя.
• Подождите несколько секунд, прежде чем доверять показателям.
• Попробуйте оба режима движения. В режиме «Классический» по холсту перемещаются два прямоугольника; в режиме «Пейзаж» прокручивается пиксельная сцена, которая меняется в зависимости от времени суток. Оба режима продвигаются на фиксированное количество пикселей за кадр, поэтому движение остается абсолютно ровным, и любые неровности, которые вы видите, связаны с вашим дисплеем, а не с тестом.

Частота кадров, FPS и частота обновления

Три показателя определяют движение, и их легко перепутать. Частота кадров, обозначаемая как FPS, — это количество изображений, которые ваша система генерирует каждую секунду. Частота обновления, измеряемая в герцах, — это количество раз, которое ваш экран физически может перерисовываться каждую секунду. Эти показатели взаимосвязаны, и более низкий из них устанавливает ограничение: видеокарта, выводящая 200 FPS на панель с частотой 60 Гц, по-прежнему показывает 60 кадров, в то время как экран с частотой 144 Гц, получающий 40 FPS, просто повторяет кадры.

Время кадра — это та же информация, выраженная в виде продолжительности: сколько миллисекунд занимает каждый кадр. Часто это более удобный способ представления, поскольку разница между 60 и 120 FPS гораздо больше, чем между 120 и 240, и время кадра позволяет увидеть это с первого взгляда:

Снижение частоты кадров с 60 до 30 FPS обходится вам в 16,7 мс на каждый кадр. Переход с 144 до 240 Hz позволяет выиграть 2,7 мс. Вот почему переход с 60 до 120 кажется резким, а с 144 до 240 — едва заметным.

Почему мой FPS ниже частоты обновления?

Это самая распространённая причина, по которой люди проводят тест частоты кадров, и если монитор с частотой обновления 144 Гц показывает 60, это почти никогда не означает, что панель неисправна. Проверьте следующие пункты по порядку:

• Монитор не настроен на максимальную частоту обновления. Это, безусловно, самая частая причина. Windows и macOS часто по умолчанию устанавливают для нового монитора частоту 60 Гц, даже если он поддерживает гораздо больше, и ничто в интерфейсе не указывает на это.
• В браузере отключено аппаратное ускорение. Без него рендеринг переключается на процессор, и частота кадров резко падает. В Chrome этот параметр находится в разделе «Настройки» → «Система».
• Ограничением является кабель или порт. Для высоких частот обновления при высоких разрешениях требуется пропускная способность DisplayPort или новейшей версии HDMI. Старый кабель незаметно переключится на частоту 60 Гц.
• Вас ограничивает режим энергосбережения. Ноутбуки, работающие от аккумулятора, обычно ограничивают частоту обновления, чтобы продлить время работы, а перегревшееся устройство будет работать медленнее, независимо от того, к какому источнику питания оно подключено.
• Браузер сам ограничивает скорость своих анимаций. Некоторые браузеры снижают частоту обновления фоновых или неактивных вкладок. Держите тестовую вкладку активной и на переднем плане.
• VSync или ограничение частоты кадров намеренно удерживают показатель на этом уровне. Показатель, зафиксированный ровно на 60, обычно ограничен, а не испытывает затруднений.

Если показатель выглядит правильным, но движение по-прежнему кажется рывким, причина кроется в неравномерности кадров, а не в исходной скорости. Среднее значение, стабильно равное 120, при периодических пропусках кадров всё равно будет вызывать рывки, поскольку плавность движения зависит от равномерности синхронизации кадров, а не только от их большого количества. Тест на рывки прямо показывает это.

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

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

Два важных предостережения. Во-первых, поскольку браузер самостоятельно формирует свой выходной сигнал, это скорее приблизительная оценка, чем лабораторное измерение — достаточно точная, чтобы проверить частоту обновления, сравнить два экрана и диагностировать проблему, но не заменяющая осциллограф. Во-вторых, здесь измеряется частота кадров браузера. Она отражает работу вашего дисплея и путь рендеринга в вашей системе, но не является игровым тестом; для определения частоты кадров в игре вам понадобится наложение, такое как встроенный счетчик вашей игры или инструмент мониторинга.

Помимо частоты кадров: остальные аспекты движения изображения

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

• Тест на смазывание движения — даже при идеальной частоте кадров экран смазывает детали движения, поскольку каждый кадр остается неподвижным, в то время как взгляд продолжает перемещаться. Этот тест измеряет смазывание из-за инерции изображения и любые ореолы.
• Тест на пропуск кадров — некоторые панели незаметно пропускают кадры, которые, как они заявляют, должны отображаться, особенно при разгоне. Узор, сгенерированный камерой, фиксирует то, что не может уловить программное обеспечение.
• Тест на разрыв изображения — когда кадры поступают несинхронно с частотой обновления, изображение раскалывается вдоль движущейся горизонтальной линии. Это позволяет проверить, правильно ли работают VSync или переменная частота обновления.
• Тест на рывки — график времени кадра в реальном времени и счетчик рывков выявляют запоздавшие кадры, которые скрывает высокий средний показатель.
• Тест на плавность прокрутки — прокрутка является самым распространённым видом движения, и этот тест измеряет, насколько плавно ваш браузер её обеспечивает.

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

Как узнать, действительно ли мой монитор работает на частоте 144 Гц?

Установите частоту обновления экрана на 144 Гц в настройках операционной системы, затем запустите этот тест в полноэкранном режиме, закрыв все остальные вкладки. Показатель FPS на экране, близкий к 144, подтверждает, что панель обеспечивает эту частоту. Если показатель равен 60, проверьте перечисленные выше причины — в большинстве случаев виноваты кабель и настройка частоты обновления в ОС.

Точен ли этот тест частоты кадров?

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

Какая частота кадров считается хорошей?

60 FPS — это общепринятый базовый показатель для плавного и отзывчивого движения. Геймеры стремятся к 120, 144 или 240 на мониторах с высокой частотой обновления, в то время как кино демонстрируется со скоростью 24 и выглядит хорошо благодаря особенностям съемки. Оптимальное значение зависит от вашего дисплея и того, как вы его используете; в нашем руководстве о частоте кадров рассмотрены все «за» и «против».

Всегда ли более высокая частота кадров выглядит лучше?

Только в пределах частоты обновления вашего монитора. Рендеринг со скоростью 200 FPS на экране с частотой 60 Гц приводит к излишнему расходу энергии без видимой выгоды, поскольку панель может отображать только 60 кадров. Подберите целевой показатель в соответствии с вашим дисплеем и проверьте его возможности с помощью нашего руководства по частоте обновления.

Работает ли этот тест на телефоне?

Да. Это полезный способ проверить, действительно ли телефон, рекламируемый как поддерживающий 90 или 120 Гц, работает с такой частотой — многие устройства переключаются на 60 Гц в режиме экономии заряда или адаптивно меняют частоту в зависимости от того, что отображается на экране.

Почему мой FPS постоянно меняется?

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

Связанные тесты и руководства

• Тест на размытие движения — насколько четко экран отображает детали при движении.
• Тест на пропуск кадров — проверяет, отображает ли панель каждый кадр.
• Тест на разрыв изображения — проверка, синхронизированы ли кадры с частотой обновления.
• Тест на рывки — стабильность длительности кадров и наличие рывков.
• Тест на плавность прокрутки — повседневные задержки при прокрутке в браузере.
• Что такое частота кадров? — основы понятий FPS и Гц.
• Какова частота обновления моего экрана? — как определить и проверить частоту обновления экрана в Гц.
• Число кадров в секунду в играх — почему FPS важен для игрового процесса.

Дополнительные тесты дисплея

Частота кадров — один из аспектов, в котором экран может не оправдать ожиданий. Сайт DeadPixelTest.org заполняет ваш дисплей однотонными цветами, чтобы вы могли обнаружить мертвые, застрявшие или «горячие» пиксели до истечения срока возврата, а также включает инструмент для исправления, который быстро мигает разными цветами, пытаясь «оживить» застрявший пиксель. BackLightBleedTest.org отображает абсолютно чёрный экран, чтобы вы могли оценить просачивание подсветки и «свечение IPS» — неравномерное свечение, просачивающееся по краям ЖК-экрана в тёмных сценах, которое лучше всего оценивать в тёмной комнате.