Mini-App тормозит на слабых телефонах: где теряется FPS и как это чинить

Mini-App тормозит на слабых телефонах: где теряется FPS и как это чинить

Главный враг — не «тяжёлый Telegram», а ваш фронтенд: лишние рендеры, большие картинки, анимации без лимитов и запросы, которые блокируют первый экран. Для Mini-App это критично: пользователь открывает интерфейс поверх чата и ждёт мгновенной реакции. Если экран «думает» дольше пары секунд, конверсия утекает быстрее, чем успевает загрузиться аналитика.

Что проверять в коде:
— убрать тяжёлый стартовый бандл: грузить только первый сценарий, остальное — по требованию;
— резать изображения и иконки до нужного размера, без скрытого 4K в CSS;
— не держать в памяти лишние списки, модалки и кэш «на всякий случай»;
— ставить skeleton вместо пустого экрана, но не анимировать его бесконечно;
— все сетевые запросы делать параллельно, а не цепочкой.

Отдельно смотрите на работу со списками и прокруткой. Если в ленте, каталоге или истории больше пары десятков элементов, включайте виртуализацию и не перерисовывайте весь DOM при каждом чихе. А ещё убирайте дорогие тени, blur и сложные transition на слабых устройствах: красиво в макете не равно быстро в проде.

Экономика на Stars: считаем профит не только по оплате, но и по скорости. Чем быстрее Mini-App, тем выше удержание, меньше отказов и больше шансов, что пользователь дойдёт до действия. Начните с первого экрана, потом режьте бандл и только после этого полируйте визуал.