Referência de evento de gravação de desempenho
Na ferramenta Desempenho , a seção Principal exibe todos os eventos que são disparados durante a gravação. Cada tipo de evento é descrito abaixo:
Propriedades comuns a todos os eventos
As propriedades a seguir são comuns a todos os tipos de evento na seção Principal da ferramenta de desempenho. Propriedades adicionais específicas para determinados tipos de evento são listadas nas seções subsequentes abaixo.
| Propriedade | Quando é mostrado |
|---|---|
| Tempo agregado | Para eventos com eventos aninhados, o tempo gasto por cada categoria de eventos. |
| Pilha de Chamadas | Para eventos com eventos filho, o tempo gasto por cada categoria de eventos. |
| Hora da CPU | Quanto tempo de CPU o evento registrado levou. |
| Detalhes | Outros detalhes sobre o evento. |
| Duração (no carimbo de data/hora) | Quanto tempo o evento levou com todos os seus filhos para ser concluído; carimbo de data/hora é o momento em que o evento ocorreu, em relação a quando a gravação começou. |
| Tempo de auto-tempo | Quanto tempo o evento levou sem nenhum de seus filhos. |
| Tamanho do Heap usado | Quantidade de memória sendo usada pelo aplicativo quando o evento foi gravado e a alteração delta (+/-) no tamanho do heap usado desde a última amostragem. |
Carregar eventos
Os eventos a seguir estão na categoria Carregamento .
| Evento | Descrição |
|---|---|
| Analisar HTML | O Microsoft Edge executou o algoritmo de análise HTML. |
| Concluir o carregamento | Uma solicitação de rede concluída. |
| Receber dados | Os dados de uma solicitação foram recebidos. Há um ou mais eventos do Receive Data. |
| Receber Resposta | A resposta HTTP inicial de uma solicitação. |
| Enviar solicitação | Uma solicitação de rede foi enviada. |
Propriedades adicionais para carregar eventos
| Propriedade | Descrição |
|---|---|
| Recurso | A URL do recurso solicitado. |
| Visualização | Visualização do recurso solicitado (somente imagens). |
| Método Request | Método HTTP usado para a solicitação (GET ou POST, por exemplo). |
| Código de status | Código de resposta HTTP. |
| Tipo MIME | Tipo MIME do recurso solicitado. |
| Comprimento de dados codificado | Comprimento do recurso solicitado em bytes. |
Consulte também Propriedades comuns a todos os eventos, acima.
Eventos de script
Os eventos a seguir estão na categoria Scripting .
| Evento | Descrição |
|---|---|
| Quadro de animação disparado | Um quadro de animação agendado disparado e seu manipulador de retorno de chamada invocado. |
| Cancelar quadro de animação | Um quadro de animação agendado foi cancelado. |
| Evento GC | A coleta de lixo ocorreu. |
| DOMContentLoaded | O evento DOMContentLoaded foi disparado pelo navegador. Esse evento é disparado quando todo o conteúdo DOM da página é carregado e analisado. |
| Avaliar Script | Um script foi avaliado. |
| Evento | Um evento JavaScript (por exemplo, mousedownou key). |
| Chamada de função | Uma chamada de função JavaScript de nível superior foi feita (só é exibida quando o navegador entra no mecanismo JavaScript). |
| Temporizador de instalação | Um temporizador foi criado com setInterval() ou setTimeout(). |
| Quadro de animação de solicitação | Uma requestAnimationFrame() chamada agendou um novo quadro. |
| Remover temporizador | Um temporizador criado anteriormente foi desmarcado. |
| Horário | Um script chamado console.time(). |
| Fim da Hora | Um script chamado console.timeEnd(). |
| Temporizador disparado | Um temporizador disparado com ou setTimeout().setInterval() |
| Alteração de estado pronto do XHR | O estado pronto de um XMLHTTPRequest foi alterado. |
| Carga XHR | Um XMLHTTPRequest carregamento concluído. |
Propriedades adicionais para eventos de script
| Propriedade | Descrição |
|---|---|
| ID do temporizador | A ID do temporizador. |
| Timeout | O tempo limite especificado pelo temporizador. |
| Repete | Booliano que especifica se o temporizador se repete. |
| Chamada de função | Uma função que foi invocada. |
Consulte também Propriedades comuns a todos os eventos, acima.
Renderizando eventos
Os eventos a seguir estão na categoria Renderização .
| Evento | Descrição |
|---|---|
| Invalidar layout | O layout da página foi invalidado por uma alteração do DOM. |
| Layout | Um layout de página foi concluído. |
| Estilo de recalculação | Estilos de elemento recalculados do Microsoft Edge. |
| Rolar | O conteúdo da exibição aninhada foi rolado. |
Propriedades adicionais para eventos de renderização
| Propriedade | Descrição |
|---|---|
| Layout invalidado | Para registros de layout, o rastreamento de pilha do código que fez com que o layout fosse invalidado. |
| Nós que precisam de layout | Para registros de layout, o número de nós que foram marcados como precisando de layout antes da retransmissão começar. Normalmente, esses nós foram invalidados pelo código do desenvolvedor, além de um caminho para cima para a raiz de retransmissão. |
| Tamanho da árvore de layout | Para registros de layout, o número total de nós na raiz de retransmissão (o nó que o Microsoft Edge inicia o retransmissão). |
| Escopo de layout | Os valores possíveis são Partial (o limite de novo layout é uma parte do DOM) ou Whole document. |
| Elementos afetados | Para registros de estilo de recalculação, o número de elementos afetados por um recálculo de estilo. |
| Estilos invalidados | Para recalcular registros de estilo, fornece o rastreamento de pilha do código que causou a invalidação de estilo. |
Consulte também Propriedades comuns a todos os eventos, acima.
Eventos de pintura
Os eventos a seguir estão na categoria Pintura .
| Evento | Descrição |
|---|---|
| Camadas compostas | As camadas de imagem composta para o mecanismo de renderização do Microsoft Edge. |
| Decodificação de imagem | Um recurso de imagem foi decodificado. |
| Redimensionar imagem | Uma imagem foi redimensionada de suas dimensões nativas. |
| Pintar | Camadas compostas foram pintadas em uma região da exibição. Passar o mouse sobre um registro paint realça a região do display que foi atualizado. |
Propriedades adicionais para eventos de pintura
| Propriedade | Descrição |
|---|---|
| Local | Para eventos paint, as coordenadas x e y do retângulo de tinta. |
| Dimensões | Para eventos paint, a altura e a largura da região pintada. |
Consulte também Propriedades comuns a todos os eventos, acima.
Observação
Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Internacional de Atribuição do Creative Commons 4.0. A página original é encontrada aqui e é de autoria de Meggin Kearney (Technical Writer) e Flavio Copes (Full Stack Developer).
Este trabalho é licenciado sob uma Licença Internacional de Atribuição do Creative Commons 4.0.