Как стать автором
Обновить

Native vs Flutter vs React Native: тестируем производительность в работе с UI-элементами

Время на прочтение 5 мин
Количество просмотров 23K
Всего голосов 43: ↑39 и ↓4 +35
Комментарии 23

Комментарии 23

Странно, что нет сравнения с Web вариантом.

Почему вы не иcпользовали реализацию Lottie для Flutter?
Это перевод, нужно у автора оригинальной статьи спрашивать.
Ну справедливости ради, rive.app (бывш. flare) на флатере всеже пока заметно лучше и чаще используется.

Еще будут работы по отображению нативных интерфейсов во флатере, так что еще не вечер и лотти себя еще покажет.
На своём опыте могу сказать, что пришлось отказаться от Flare и рисовать на чистом Flutter, так как подал FPS на топовом устройстве если много элементов.
Спасибо за ссылку, я видел до этого только fluttie

И конечно же я не смог пройти мимо так, чтобы не реализовать то же самое на $mol: https://mol.js.org/perf/dopes/-/


React — 470 Dopes/s
Native JS — 2000 Dopes/s
$mol — 2700 Dopes/s

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

Автор скорее всего не добавил NS из-за того что он не пользуется популярностью.

Странно что не догрузили тесты, чтобы они были не так близко к 60 кадрам, потому что 59 кадров в секунду кажется, что упирается в лимит частоты обновления экрана.

Тест 3: Тяжеленная анимация с вращениями, масштабированием и фейдингом
2. Flutter показал очень близкий к Native fps и вдвое больший расход памяти, но всё же приличную производительность.

Простите, что??? 19 и 58 — это очень близкие fps? Это же почти 3 раза! не говоря уже о том, что 19 fps сильно не комфортно для пользователя.
Пара нюансов.

— Для Android React Native обычный JSC, не Hermes. Даже переход на v8 заметно сокращает потребляемую память. Так что по Android RN точно может выдать более высокие цифры.

— Flutter был 1.17 на iOS с рендерингом через Metal или более старой версии?

Очень странный тест. Имело смысл делать более реалистичные вещи — зум, размытие, листание, плавные переходы, прокрутку текстов, использование разных стилей одновременно.


А здесь какие-то веб-страницы из 2000-х, что здесь можно вообще протестировать? Работу с 2D-графикой?

Побольше бы таких сравнений.
Будут ли еще подобные статьи?
Постараемся побольше такого контента публиковать ;)
НЛО прилетело и опубликовало эту надпись здесь
Вы наверное запускаете в дебаг режиме, он значительно медленней.
НЛО прилетело и опубликовало эту надпись здесь
Странно, надо на код смотреть.
НЛО прилетело и опубликовало эту надпись здесь
Ну мы делаем довольно таки нагруженную апку и списки довольно таки сложные и все работаем даже в дебаге хорошо. Очень странно. Тестю на таких слабых девайсах как МИ А1 и Нексус 5. Остальное полу флагманы и флагманы.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий