Referência de eventos da linha do tempo

Meggin Kearney

Flavio Copes

O modo de eventos da linha do tempo exibe todos os eventos acionados ao fazer uma gravação. Use a referência aos eventos de linha do tempo para saber mais sobre cada tipo de evento de 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 tipos específicos. Nesta seção, listamos as propriedades comuns a diferentes tipos de evento. As propriedades específicas de determinados tipos de evento são listadas nas referências a 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 (no carimbo de data/hora)	Quanto tempo o evento com todos os filhos levou para ser concluído. Carimbo de data/hora é a hora em que o evento ocorreu, em relação a quando a gravação começou.
Tempo próprio	Quanto tempo o evento levou sem nenhum filho.
Tamanho de heap usado	Quantidade de memória usada pelo aplicativo quando o evento foi gravado e a alteração delta (+/-) no tamanho de heap usado desde a última amostragem.

Carregando eventos

Esta seção lista eventos que pertencem à categoria Loading e suas propriedades.

Evento	Descrição
Analisar HTML	O Chrome executou seu 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.

Carregando propriedades do evento

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

Eventos de script

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

Evento	Descrição
Frame de animação disparado	Um frame de animação programado é disparado e o gerenciador de callback é invocado.
Cancelar frame de animação	Um frame de animação programado foi cancelado.
Evento do coletor de lixo (GC)	A coleta de lixo ocorreu.
DOMContentLoaded	O DOMContentLoaded foi acionado pelo navegador. Este evento é disparado quando todo o conteúdo DOM da página tiver sido carregado e analisado.
Avaliar o script	Um script foi avaliado.
Evento	Um evento JavaScript ("mousedown" ou "chave", por exemplo).
Chamada de função	Foi feita uma chamada de função JavaScript de nível superior (só 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() programou um novo frame
Remover o timer	Um timer criado anteriormente foi apagado.
Tempo	um script chamado console.time().
Horário de término	um script chamado console.timeEnd().
Timer disparado	Um timer disparado que foi programado com setInterval() ou setTimeout().
Mudança de estado pronto do XHR	O estado pronto de um XMLHTTPRequest mudou.
Carregar XHR	Um XMLHTTPRequest foi carregado.

Propriedades do evento de script

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 se repete.
Chamada de função	Uma função que foi invocada.

Eventos de renderização

Esta seção lista 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 estilo	O Chrome recalculou os estilos dos elementos.
Rolagem	O conteúdo da visualização aninhada foi rolado.

Propriedades do evento de renderização

Propriedade	Descrição
Layout invalidado	Para registros de Layout, o stack trace 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 do início do novo layout. Normalmente, são os nós que foram invalidados pelo código do desenvolvedor, além de um caminho para cima para a raiz de novo layout.
Tamanho da árvore de layout	Para os registros de Layout, o número total de nós na raiz de relayout (o nó em que o Chrome inicia a reformulação).
Escopo do layout	Os valores possíveis são "Parcial" (o limite de nova layout é uma parte do DOM) ou "Todo o documento".
Elementos afetados	Para Recalcular registros de estilo, o número de elementos afetados por um novo cálculo de estilo.
Estilos invalidados	Para Recalcular registros de estilo, fornece o rastreamento de pilha do código que causou a invalidação do estilo.

Eventos de pintura

Esta seção lista eventos que pertencem à categoria Painting e suas propriedades.

Evento	Descrição
Camadas compostas	Camadas de imagem composta do mecanismo de renderização do Chrome.
Decodificação de imagem	Um recurso de imagem foi decodificado.
Redimensionamento de imagem	Uma imagem foi redimensionada das dimensões nativas.
Tinta	As camadas compostas foram pintadas em uma região da tela. Passar o cursor sobre um registro de exibição 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.