Как мы искали тормоза в киосках — и пришли к FPS

В сфере искусственного интеллекта произошло заметное событие. В России киоски самообслуживания установлены в 85% ресторанов Додо. Это несколько тысяч устройств, работающих на iOS, Android и Windows. Чтобы не писать нативный софт и интеграции под каждую систему, мы используем SPA-приложение на React и встраиваем его в хост-приложение на целевой платформе.

Но в основе интерфейса любого киоска остаётся фронтенд-приложение, запущенное в WebView внутри нативного приложения. Так мы даём пользователям максимально бесшовный опыт использования киосков. Но есть и обратная сторона медали: если киоск тормозит, пользователи ощущают это мгновенно, а мы не можем так быстро разобраться, где именно возникла проблема с перформансом.

Поэтому мы решили измерять производительность напрямую в React-приложении. С этой задачей столкнулся я — Андрей Боев, техлид команды XXX, отвечающей за опыт пользователей киосков. В этой статье я расскажу, как мы добавили сбор метрики FPS и начали использовать её для системного мониторинга производительности интерфейса, а также почему путь к очевидной метрике оказался не таким уж очевидным.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.