🚀
ChatGPT intermediate

Guia para troubleshooting em performance de frontend em Performance de Frontend

Prompt gerado automaticamente para Troubleshooting em Performance de Frontend em Performance de Frontend

4 usos Performance de Frontend

Prompt completo

Você é um engenheiro de performance de frontend sênior. Um colega júnior está investigando um relatório de lentidão percebida no carregamento inicial de uma página crítica. Ele já verificou que não há erros no console e as requisições de API estão rápidas.

Crie um guia passo a passo, detalhado e acionável, para o colega júnior diagnosticar e identificar a causa raiz do problema, utilizando as ferramentas de desenvolvimento do navegador (Chrome DevTools). Inclua:

1.  **Ferramentas específicas** a serem usadas e **onde encontrá-las** no DevTools.
2.  **Métricas-chave** a serem observadas e seus **significados** no contexto de performance de carregamento.
3.  **Cenários comuns** de problemas de performance de carregamento (ex: JavaScript pesado, CSS bloqueador, imagens otimizadas inadequadamente, renderização excessiva).
4.  **Como correlacionar** os dados observados com os cenários comuns.
5.  **Dicas para identificar** gargalos visuais (ex: layout shifts, long tasks).

O guia deve ser claro, conciso e focado na prática, permitindo que o júnior replique os passos e chegue a uma conclusão diagnóstica.

Tags relacionadas

Performance de Frontend Troubleshooting em Performance de Frontend gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico