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. |