DOM RENDERING BENCHMARKНативная версия ↗
ОДНА СЦЕНА. ДВА РЕНДЕРЕРА.
Jaspr DOMDART → JS · 0.23.5
Движение тысяч DOM-элементов. Один алгоритм, одинаковый CSS.
Измерь предел на своём устройстве.
ПУТЬ ОБНОВЛЕНИЯrequestAnimationFrame → State → build → DOMProduction-сборка · без внешних ресурсов
FPS · rAF—Частота экрана: калибровка при запуске
КАДР · P95— ms95% интервалов короче этого значения
ОБНОВЛЕНИЕ DOM · P95— msОт вызова update до завершения DOM-патча
ПРОПУЩЕННЫЕ ИНТЕРВАЛЫ— %Оценка относительно калибровки rAF
Загрузка рендерера…
—Выбери нагрузку и запусти замер2 с прогрева исключены из результата
LIVE DOM SCENE
FPS ВО ВРЕМЯ ПРОГОНА—
ВОСПРОИЗВОДИМЫЕ РЕЗУЛЬТАТЫ
История замеров
| Рендерер | Элементы / режим | FPS | Кадр p95 | DOM p95 | Пропуски | Время |
|---|---|---|---|---|---|---|
| Пока нет замеров. Запусти одну и ту же нагрузку в обеих версиях. | ||||||
01
Одинаковая работа
Одинаковые seed, координаты, размеры и CSS. Native обновляет сохранённые узлы напрямую. Jaspr проходит через State → build → DOM. Canvas и WebGL в этот тест не входят.
02
Проверяй запас
FPS ограничен частотой экрана. Если обе версии держат 60 FPS, увеличь число элементов и сравни время DOM-патча. Калибровка и 2 секунды прогрева не входят в результат.
03
Одна вкладка за раз
Не запускай стенды одновременно. Сохрани размер окна и настройки. Скрытие вкладки или изменение размера прерывает замер. rAF — оценка темпа кадров, а не счётчик физически показанных GPU-кадров.