Referência de eventos da linha do tempo

Meggin Kearney

Flavio Copes

O modo de eventos da linha do tempo mostra todos os eventos acionados durante a gravação. Use a referência de evento da linha do tempo para saber mais sobre cada tipo de evento da linha do tempo.

Propriedades comuns de eventos da linha do tempo

Alguns detalhes estão presentes em eventos de todos os tipos, enquanto outros se aplicam apenas a determinados tipos de eventos. Esta seção lista propriedades comuns a diferentes tipos de eventos. As propriedades específicas de determinados tipos de evento são listadas nas referências para esses tipos de evento a seguir.

Propriedade	Quando ela aparece
Tempo agregado	Para eventos com eventos aninhados, o tempo gasto por cada categoria de eventos.
Pilha de chamadas	Para eventos com eventos filhos, o tempo gasto por cada categoria de eventos.
Tempo de CPU	Quanto tempo de CPU o evento gravado levou.
Detalhes	Outros detalhes sobre o evento.
Duração (na marcação de tempo)	O tempo que o evento levou para ser concluído com todos os filhos. O carimbo de data/hora é o horário em que o evento ocorreu em relação ao início da gravação.
Tempo próprio	Por quanto tempo o evento durou sem nenhum dos filhos.
Tamanho de heap usado	Quantidade de memória usada pelo aplicativo quando o evento foi registrado e a mudança delta (+/-) no tamanho do heap usado desde a última amostragem.

Carregando eventos

Esta seção lista os eventos que pertencem à categoria "Carregamento" e as propriedades deles.

Evento	Descrição
Analisar HTML	O Chrome executou o algoritmo de análise de HTML.
Terminar de carregar	Uma solicitação de rede foi concluída.
Receber dados	Os dados de uma solicitação foram recebidos. Haverá um ou mais eventos de recebimento de dados.
Receber resposta	A resposta HTTP inicial de uma solicitação.
Enviar solicitação	Uma solicitação de rede foi enviada.

Como carregar propriedades de eventos

Propriedade	Descrição
Recurso	O URL do recurso solicitado.
Visualizar	Visualização do recurso solicitado (somente imagens).
Método da solicitação	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.
Duração dos dados codificados	Tamanho do recurso solicitado em bytes.

Eventos de script

Esta seção lista os eventos que pertencem à categoria "Scripting" e as propriedades deles.

Evento	Descrição
Frame de animação disparado	Um frame de animação programado foi disparado e o gerenciador de callback foi invocado.
Cancelar frame de animação	Um frame de animação programado foi cancelado.
Evento de GC	A coleta de lixo ocorreu.
DOMContentLoaded	O evento DOMContentLoaded foi acionado pelo navegador. Esse evento é acionado quando todo o conteúdo do DOM da página é carregado e analisado.
Avaliar script	Um script foi avaliado.
Evento	Um evento JavaScript (por exemplo, "mousedown" ou "key").
Chamada de função	Uma chamada de função JavaScript de nível superior foi feita (somente aparece quando o navegador entra no mecanismo JavaScript).
Instalar timer	Um timer foi criado com setInterval() ou setTimeout().
Solicitar frame de animação	Uma chamada requestAnimationFrame() agendou um novo frame
Remover timer	Um timer criado anteriormente foi limpo.
Tempo	Um script chamado console.time()
Fim do tempo	Um script chamado console.timeEnd()
Timer disparado	Um timer acionado que foi programado com setInterval() ou setTimeout().
Mudança no "readyState" do XHR	O estado de prontidão de um XMLHTTPRequest mudou.
Carregar XHR	Um XMLHTTPRequest terminou de carregar.

Escrever propriedades de eventos

Propriedade	Descrição
ID do timer	O ID do timer.
Tempo limite	O tempo limite especificado pelo timer.
Repetições	Booleano que especifica se o timer é repetido.
Chamada de função	Uma função que foi invocada.

Renderização de eventos

Esta seção lista os eventos que pertencem à categoria "Renderização" e as propriedades deles.

Evento	Descrição
Invalidar layout	O layout da página foi invalidado por uma mudança no DOM.
Layout	Um layout de página foi executado.
Recalcular o estilo	O Chrome recalculou os estilos dos elementos.
Rolagem	O conteúdo da visualização aninhada foi rolado.

Renderização de propriedades de eventos

Propriedade	Descrição
Layout invalidado	Para registros de layout, o stack trace do código que causou a invalidação do layout.
Nós que precisam de layout	Para registros de layout, o número de nós marcados como necessitando de layout antes do início da nova disposição. Normalmente, esses são os nós que foram invalidados pelo código do desenvolvedor, além de um caminho para cima para refazer a raiz.
Tamanho da árvore de layout	Para registros de layout, o número total de nós na raiz de relayout (o nó em que o Chrome inicia o relayout).
Escopo do layout	Os valores possíveis são "Parcial" (o limite de redimensionamento é uma parte do DOM) ou "Documento inteiro".
Elementos afetados	Para os registros de recalcular estilo, o número de elementos afetados por um recálculo de estilo.
Estilos invalidados	Para os registros de recalcular estilo, fornece o stack trace do código que causou a invalidação do estilo.

Eventos de pintura

Esta seção lista os eventos que pertencem à categoria "Pintura" e as propriedades deles.

Evento	Descrição
Camadas compostas	Camadas de imagem compostas do mecanismo de renderização do Chrome.
Decodificação de imagem	Um recurso de imagem foi decodificado.
Redimensionamento de imagem	Uma imagem foi redimensionada a partir das dimensões nativas.
Tinta	As camadas compostas foram pintadas em uma região da tela. Passar o cursor sobre um registro de pintura destaca a região da tela que foi atualizada.

Propriedades do evento de pintura

Propriedade	Descrição
Local	Para eventos de pintura, as coordenadas x e y do retângulo de pintura.
Dimensões	Para eventos de pintura, a altura e a largura da região pintada.