Pular para o conteúdo
← Todas as skills

Auditoria de Performance React e Next.js

Usar quando uma aplicação React ou Next.js estiver lenta para carregar ou renderizar e for preciso achar a causa real antes de sair otimizando no escuro, para identificar waterfalls de requisição, bundle inchado e re-renderizações desnecessárias com a correção específica de cada achado, sem depender de ferramentas de profiling externas.

Objetivo

Revisar código React ou Next.js contra as causas mais comuns de lentidão (waterfalls de requisição sequenciais, bundle inicial inchado, re-renderizações em cascata e renderização pesada no navegador) e devolver achados priorizados por impacto, cada um com a correção concreta. O resultado evita a armadilha de otimizar o que é fácil de otimizar em vez do que realmente trava a aplicação.

Quando usar

  • Quando o Time to Interactive ou o Largest Contentful Paint estiverem acima da meta
  • Antes de escalar uma funcionalidade que hoje "funciona mas é lenta" para mais usuários
  • Ao revisar um PR que adiciona chamadas de API, componentes pesados ou novas dependências
  • Quando o bundle JavaScript cresceu e ninguém sabe exatamente por quê
  • Na auditoria periódica de performance antes de um lançamento com pico de tráfego esperado

Compre o pacote vitalício para ver o passo a passo completo, o prompt pronto para usar e baixar o arquivo da skill.

Esta skill faz parte do pacote vitalício de Skills, compre uma vez e tenha acesso a todas, incluindo as futuras.

Ver pacote vitalício