performance-profiling
Ensina como medir e melhorar a velocidade de programas. Ajuda a entender onde estão os problemas e como resolvê-los para um melhor desempenho.
O que ela faz
Esta ferramenta ajuda a encontrar e corrigir problemas que deixam sites e aplicativos lentos. Ela mede o desempenho, identifica o que está causando a lentidão e sugere como consertar.
Quando usar
- ✓Seu site carrega devagar.
- ✓As interações no seu aplicativo estão travando.
- ✓Você quer garantir que seu site seja rápido para todos os usuários.
Exemplo do que pedir para a IA
“Analise a performance do meu site em https://meusite.com”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A ferramenta usa programas para medir a velocidade de carregamento, a responsividade e a estabilidade do seu site. Depois, ela mostra quais partes precisam de melhoria, como reduzir o tamanho de arquivos ou otimizar o código.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add sickn33/agentic-awesome-skills --skill performance-profilingOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/performance-profiling/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Profiling de Performance
Meça, analise, otimize - nessa ordem.
🔧 Scripts de Runtime
Execute estes para profiling automatizado:
| Script | Propósito | Uso |
|---|---|---|
scripts/lighthouse_audit.py |
Auditoria de performance do Lighthouse | python scripts/lighthouse_audit.py https://example.com |
1. Core Web Vitals
Metas
| Métrica | Bom | Ruim | Mede |
|---|---|---|---|
| LCP | < 2.5s | > 4.0s | Carregamento |
| INP | < 200ms | > 500ms | Interatividade |
| CLS | < 0.1 | > 0.25 | Estabilidade |
Quando Medir
| Estágio | Ferramenta |
|---|---|
| Desenvolvimento | Lighthouse Local |
| CI/CD | Lighthouse CI |
| Produção | RUM (Monitoramento de Usuários Reais) |
2. Fluxo de Trabalho de Profiling
O Processo de 4 Passos
1. BASELINE → Measure current state
2. IDENTIFY → Find the bottleneck
3. FIX → Make targeted change
4. VALIDATE → Confirm improvement
Seleção da Ferramenta de Profiling
| Problema | Ferramenta |
|---|---|
| Carregamento da página | Lighthouse |
| Tamanho do bundle | Analisador de Bundle |
| Runtime | DevTools Performance |
| Memória | DevTools Memory |
| Rede | DevTools Network |
3. Análise de Bundle
O Que Procurar
| Problema | Indicador |
|---|---|
| Dependências grandes | Topo do bundle |
| Código duplicado | Múltiplos chunks |
| Código não utilizado | Baixa cobertura |
| Splits ausentes | Chunk único grande |
Ações de Otimização
| Constatação | Ação |
|---|---|
| Biblioteca grande | Importar módulos específicos |
| Dependências duplicadas | Deduplicar, atualizar versões |
| Rota no principal | Dividir código (code split) |
| Exports não utilizados | Tree shake |
4. Profiling de Runtime
Análise da Aba Performance
| Padrão | Significado |
|---|---|
| Tarefas longas (>50ms) | Bloqueio da UI |
| Muitas tarefas pequenas | Oportunidade de batching |
| Layout/pintura | Gargalo de renderização |
| Script | Execução de JavaScript |
Análise da Aba Memória
| Padrão | Significado |
|---|---|
| Heap crescendo | Possível vazamento |
| Grande retenção | Verificar referências |
| DOM destacado | Não limpo |
5. Gargalos Comuns
Por Sintoma
| Sintoma | Causa Provável |
|---|---|
| Carregamento inicial lento | JS grande, bloqueio de renderização |
| Interações lentas | Manipuladores de eventos pesados |
| Travamentos durante rolagem | Layout thrashing |
| Memória crescendo | Vazamentos, referências retidas |
6. Prioridades de Otimização Rápida
| Prioridade | Ação | Impacto |
|---|---|---|
| 1 | Habilitar compressão | Alto |
| 2 | Carregar imagens sob demanda (lazy load) | Alto |
| 3 | Dividir código de rotas | Alto |
| 4 | Cache de assets estáticos | Médio |
| 5 | Otimizar imagens | Médio |
7. Anti-Padrões
| ❌ Não | ✅ Faça |
|---|---|
| Adivinhar problemas | Profile primeiro |
| Micro-otimizar | Corrigir o maior problema |
| Otimizar cedo | Otimizar quando necessário |
| Ignorar usuários reais | Usar dados RUM |
Lembre-se: O código mais rápido é o código que não roda. Remova antes de otimizar.
Quando Usar
Esta habilidade é aplicável para executar o fluxo de trabalho ou ações descritas no resumo.
Limitações
- Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
- Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
- Pare e peça esclarecimentos se os inputs, permissões, limites de segurança ou critérios de sucesso necessários estiverem faltando.
Perguntas frequentes
O que são 'Core Web Vitals'?
São métricas importantes que medem a experiência do usuário em relação a carregamento, interatividade e estabilidade visual de uma página.
Qual a diferença entre otimizar o tamanho do pacote (bundle) e o tempo de execução (runtime)?
Otimizar o tamanho do pacote foca em reduzir o tamanho dos arquivos que o navegador baixa. Otimizar o tempo de execução foca em fazer o código rodar mais rápido depois que ele já foi baixado.
O que significa 'gargalo' (bottleneck)?
Gargalo é a parte do seu site ou aplicativo que está causando a maior lentidão, limitando o desempenho geral.
Detalhes
Descrição original do autor
Performance profiling principles. Measurement, analysis, and optimization techniques.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #3817
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
bun-runtime
Faz seu agente usar o Bun para rodar, organizar e testar código. Ajuda a escolher o Bun em vez de outras ferramentas e a migrar projetos existentes.
affaan-m/ECC
database-migrations
Ajuda seu agente a fazer mudanças seguras em bancos de dados. Ele garante que as alterações possam ser desfeitas e minimiza o tempo de inatividade.
affaan-m/ECC
deployment-patterns
Configura fluxos de implantação e CI/CD, containerização e estratégias de rollback para garantir lançamentos seguros.
affaan-m/ECC