Минимальный бандл без магии: где реально режется вес, а где только создаётся иллюзия

Минимальный бандл без магии: где реально режется вес, а где только создаётся иллюзия

Tree Shaking работает только там, где код написан как ESM и без побочных эффектов. Если импортируете целую библиотеку «на всякий случай», сборщик часто не выкинет лишнее. Проверьте: нет ли общего entrypoint’а, скрытых side effects и не тянете ли вы один util ради одной функции.

Code Splitting нужен не для красоты, а для отсечения лишнего на первом экране. Делите по маршрутам, модальным окнам, тяжёлым виджетам и редким сценариям. Если компонент виден только после клика, он не должен лежать в основном чанке. Для лендингов это особенно заметно на каруселях, чатах и аналитических блоках.

Дальше — дисциплина зависимостей:
• убирайте дубли библиотек и транзитивный мусор;
• заменяйте тяжёлые пакеты на точечные импорты;
• следите за polyfills и иконками — они часто раздувают бандл сильнее, чем бизнес-логика;
• проверяйте gzip/brotli, а не только «сырой» размер.

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