Next.js 16.4 ganha skill de agente de IA para enviar menos JavaScript

O problema que a skill ataca é sutil. Se HeavyComponentLoader é o único módulo que importa ./HeavyComponent, o código dele fica adiado. Mas basta outro módulo do mesmo bundle importar o componente de forma estática para ele voltar a carregar logo de início. A equipe acha que adiou, o navegador baixa mesmo assim.

A skill next-bundle-optimizer funciona só com Turbopack, padrão desde o Next.js 16, porque depende do module graph detalhado. Depois de atualizar para o Next.js 16.4 e adicionar a skill, o comando é /next-bundle-optimizer. O agente exporta snapshots do next analyze em JSON, reconstrói os grafos de módulos e chunks e usa minimum cut para achar poucas fronteiras de import capazes de adiar grandes grupos de módulos. Ele confere as mudanças contra o código-fonte e o uso interativo dos componentes. Também aponta oportunidades de mover lógica para React Server Components, versões duplicadas de dependências grandes e casos em que o tree shaking não funcionou.

Por padrão, a skill só relata problemas e sugestões. Com /next-bundle-optimizer fix, ela aplica as mudanças, roda a análise de novo e compara snapshots. Na Vercel, os achados no v0 incluíram um editor de código experimental carregado em quase todas as páginas (150 KB a menos), um registro central de diálogos que puxava componentes pesados (40 a 650 KB) e uma biblioteca de parsing de datas em linguagem natural (55 KB em média). No total, quase 2 MB de JavaScript comprimido saíram entre v0 e vercel.com.

O Bundle Analyzer do Turbopack estreou no Next.js 16.1, segundo a fonte. Agora, no 16.4, ele ganha resumo de rotas maiores, tabela ordenável por tamanho, snapshots salvos automaticamente para diff e filtro do critical render path. Em 29 de outubro de 2026, o CEVIU já havia noticiado, em "Next.js 16.4 ganha skill de IA para enviar menos JavaScript ao cliente", a chegada da skill. Em 7 de outubro de 2026, em "Next.js 16.4: Cache Components Padrão e Otimizações de Desempenho", o CEVIU cobriu o restante da versão.

Para quem mantém um app Next.js grande, isso troca a caça manual a imports estáticos escondidos por uma auditoria repetível. A leitura editorial: o ganho tende a aparecer em codebases antigas, com utilitários compartilhados e registros centralizados. Vale revisar cada PR do agente, como a Vercel fez ao validar em preview deployment antes de publicar.