Ускорение загрузки UI на 45%
Как мы помогли одной из крупнейших финтех-компаний России оптимизировать дизайн-систему и сократить время отрисовки экрана мобильного приложения.
Проблема: «Тяжелый» интерфейс
К 2023 году мобильное приложение Тинькофф содержало более 2500 растровых иконок и сложных SVG-компонентов, что критически влияло на производительность.
Основная проблема заключалась в отсутствии единых стандартов оптимизации. Дизайнеры экспортировали ассеты в высоком разрешении, а разработчики вручную очистили код лишь частично. Это приводило к увеличению размера бандла приложения на 12 МБ и замедляло время первого отклика (FCP) на устройствах среднего класса.
Решение: Интеллектуальная векторизация
Мы внедрили IconKit Pro для автоматизации подготовки и распределения активов.
Автоматический SVG-спрайт
Объединение всех иконок в единый спрайт с удалением лишних мета-данных и атрибутов. Размер пакета иконок сократился с 4.2 МБ до 340 КБ.
Синхронизация токенов
Единый источник истины для цветов и размеров. Изменение палитры в дизайн-системе мгновенно обновляло CSS-переменные в приложении без ручного вмешательства.
Lazy Loading Ассетов
Настройка правил ленивой загрузки для тяжелых компонентов. Иконки загружаются только тогда, когда они попадают в область видимости пользователя.
Результаты: Улучшение метрики LCP
После внедрения IconKit Pro показатели Core Web Vitals вышли на зеленый уровень.
Графики эффективности
Динамика LCP (Largest Contentful Paint)
Размер бандла ассетов
Вопросы по кейсу
Нужна такая же скорость для вашего продукта?
Проведите бесплатный аудит вашей дизайн-системы.
Заказать аудит