Как мы прокачали 20+ JS-бандлов в AeroPort
Когда микрофронтендов много, фронт легко превращается в «тащим весь интернет в первый рендер». В AeroPort это поймали и настроили бандлы так, чтобы грузить только нужное.
Когда микрофронтендов много, фронт легко превращается в “тащим весь интернет в первый рендер”. Мы в AeroPort это поймали и пошли разруливать.
Что сделали:
- настроили tree shaking для shared-зависимостей — выкинули всё лишнее из бандлов;
- включили lazy loading модулей — грузим только то, что реально нужно пользователю;
- собрали vendor-чанки для общих библиотек, чтобы не дублировать одно и то же в каждом сервисе;
- через Module Federation начали шарить
React,UI Kitи утилиты между микрофронтендами без копипасты.
Отдельный кайф: Core Web Vitals теперь меряем по каждому микрофронтенду отдельно. Не просто “что-то тормозит”, а сразу видно, кто именно шалит.
На фоне тренда 2025 на сверхбыстрый UX и экономию клиентских ресурсов — мастхэв, а не “потом допилим”. Короче, минус лишние килобайты, плюс довольный пользователь и меньше боли у команды ☕️