Bundle Size

A skill de benchmark ajuda a detectar regressões de performance em fluxos de trabalho web e de aplicativos. Use-a para estabelecer uma linha de base, comparar antes e depois de mudanças e acompanhar se uma PR deixou páginas mais lentas, mais pesadas ou menos estáveis. É um guia prático de benchmark para otimização de performance, Core Web Vitals, verificações do Lighthouse, tamanho de bundle e tendências de tempo de carregamento.

A skill optimize diagnostica e corrige problemas de performance de UI em velocidade de carregamento, renderização, animações, imagens e tamanho do bundle. Use quando precisar de um guia estruturado do optimize para otimização de performance, com troubleshooting orientado por métricas para experiências web lentas, travadas ou pouco fluidas.

vercel-react-best-practices é um guia focado em performance para trabalho com React e Next.js da Vercel Engineering. Use a skill vercel-react-best-practices ao refatorar componentes, rotas ou busca de dados para reduzir waterfalls, diminuir bundles, melhorar a renderização e entregar frontend mais rápido.