Next.js 16.4: AI-агент для оптимизации JS-бандлов

Что умеет next-bundle-optimizer в Next.js 16.4

• Навык next-bundle-optimizer позволяет AI-агенту анализировать граф модулей Turbopack и находить неожиданные связи импортов.
• Агент определяет большие группы связанных модулей, находит границы импортов, которые можно отложить, и проверяет изменения по исходному коду.
• Среди типичных проблем: преждевременная загрузка тяжёлых компонентов, дубликаты зависимостей, неудачный tree shaking и код, который можно перенести в React Server Components.
• Команда /next-bundle-optimizer запускает анализ и отчёт, а /next-bundle-optimizer fix применяет исправления, повторяет анализ и сравнивает снапшоты.
• На Vercel агент сократил почти 2 МБ сжатого JavaScript: на v0 экономия 40–650 КБ на страницу, на vercel.com — 55–255 КБ.

Как использовать анализатор бандлов без агента

Интерактивный анализатор next analyze получил новые инструменты. Главная страница показывает самые крупные клиентские маршруты, таблица сортирует источники по размеру, а снапшоты позволяют сравнивать бандлы до и после изменений. Фильтр по критическому пути рендеринга скрывает асинхронные модули, оставляя только код, который грузится сразу.

Обновляться стоит, если вы уже на Next.js 16 и используете Turbopack. Сначала запустите анализатор вручную и найдите очевидные проблемы, затем подключите навык для автоматического поиска. Проверьте, что агент не ломает интерактивность: предложенные изменения стоит прогнать через preview-деплой, как это делают в Vercel.