МТС — крупнейший российский телеком-оператор. В составе команды я участвовал в создании внутреннего HR-продукта «Моя команда», предназначенного для руководителей и HR-бизнес-партнёров. Основная задача — обеспечить удобное управление персоналом, просмотр больших объёмов данных и быстрое создание вакансий.
Ключевые вызовы:
Монолитная фронтенд-архитектура с компонентами более 1500 строк, что замедляло разработку и поддержку.
Низкая производительность при загрузке и работе с динамическими таблицами.
Отсутствие инструментов для автоматического заполнения требований к вакансиям.
Необходимость встраивания продукта в корпоративный портал без глобальной пересборки.
Для решения этих задач я применил комплексный подход:
Микрофронтенд-архитектура: Внедрил Module Federation, чтобы встроить наш продукт в корпоративный портал как отдельный микромодуль. Это позволило изолировать код, ускорить развертывание и снизить зависимость от основного приложения.
Глубокая оптимизация производительности: Использовал критический CSS, отложенную загрузку скриптов, предзагрузку шрифтов, асинхронные компоненты, сплит-чанки и ленивую загрузку. Провёл рефакторинг 5 монолитных компонентов (более 2000 строк каждый), вынеся переиспользуемую логику в композабли (composables/hooks), что упростило создание новых форм.
Интеграция AI: Внедрил OpenAI API для автоматической генерации описаний обязанностей и требований к кандидатам непосредственно в HR-формах. Это ускорило заполнение вакансий и повысило качество текстов.
Инструменты для тестирования: Создал stage-дебаггер (инструмент для отладки на тестовых стендах), который сократил время проверки новых функций.
Повышение качества кода: Увеличил покрытие кода unit/e2e-тестами на 20%, устранил утечки памяти.
Снижение размера бандла на 70% и начальной загрузки на 60% благодаря микрофронтенд-архитектуре и оптимизациям.
Ускорение разработки новых форм на 30% за счёт рефакторинга и переиспользуемых компонентов.
Сокращение времени тестирования на 30% благодаря внедрённому дебаггеру.
Повышение качества контента вакансий и удобства для HR-специалистов за счёт AI-генерации.
Стабильность и производительность продукта в корпоративной среде с большим количеством одновременных пользователей.