Средняя частота кадров01
—FPS
Больше — плавнее отрисовка
ЛАБОРАТОРИЯ БРАУЗЕРНОЙ ГРАФИКИ / 01
Каждый кадр
имеет значение.
Проверьте, как ваш браузер справляется с тысячами движущихся объектов. Реальные кадры, измеримое время, понятный результат.
ДВИЖОКCanvas 2D
НАГРУЗКА250—10 000 объектов
ИЗМЕРЕНИЕ10—30 секунд
ТЕСТ ОТРИСОВКИ · V1.0
Статичный предпросмотр
Canvas 2DГотов к экспериментуВыберите нагрузку и запустите тест
Тест готов к запуску. Во время измерения оставьте вкладку открытой.
02 / ТЕЛЕМЕТРИЯ
Ритм отрисовки
Время кадра · P9502
—мс
95% интервалов не превышают это время
Отрисовка · среднее03
—мс
Время обновления сцены и команд Canvas
Измерено кадров04
—кадров
Прогрев не входит в результат
Интервал между кадрамиМеньше и ровнее — лучше
Последние 120 кадровЗдесь появятся измерения вашего браузера
Локальное измерениеОбласть —DPR —requestAnimationFrame
03 / КАК ЭТО РАБОТАЕТ
Что говорят
эти числа?
Один воспроизводимый сценарий.
Несколько полезных измерений.
Одинаковая сцена
Фигуры движутся с постоянной скоростью и отражаются от границ. Каждый запуск использует одинаковую последовательность начальных позиций.
Настоящие интервалы
Время измеряется через performance.now(). Средний FPS и процентили рассчитаны по интервалам между кадрами после двухсекундного прогрева.
Контекст важен
Результат зависит от частоты экрана, размера сцены, масштаба, браузера и нагрузки устройства. Сравнивайте запуски с одинаковыми настройками.
Время команд Canvas не измеряет полное время работы GPU. Этот тест оценивает выбранную 2D-сцену и не является общей оценкой производительности устройства. При уходе со вкладки или изменении размера сцены измерение отменяется.