Referencia de los eventos de la línea de tiempo

El modo de eventos de la línea de tiempo muestra todos los eventos desencadenados mientras se realiza una grabación. Usa la referencia de eventos de la línea de tiempo para obtener más información sobre cada tipo de evento de esta.

Propiedades de eventos comunes de la línea de tiempo

Determinados detalles figuran en los eventos de todos los tipos, mientras que otros solo se aplican a tipos de eventos específicos. En esta sección, se enumeran las propiedades comunes a diferentes tipos de eventos. Las propiedades específicas de determinados tipos de eventos se enumeran en las referencias para los siguientes tipos de eventos.

Propiedad Cuándo se muestra
Aggregated time Para eventos con eventos anidados, el tiempo que demora cada categoría de eventos.
Call Stack Para eventos con eventos secundarios, el tiempo que demora cada categoría de eventos.
CPU time El tiempo de CPU que consumió el evento grabado.
Details Otros detalles sobre el evento.
Duration (en la marca de tiempo) El tiempo que demoraron el evento y todos sus eventos secundarios para completarse; la marca de tiempo es el tiempo en el que se produjo el evento en relación con el inicio de la grabación.
Self time El tiempo que demoró el evento sin ninguno de sus eventos secundarios para completarse.
Used Heap Size La cantidad de memoria usada por la app cuando el evento se grabó y el cambio delta (+/-) en el tamaño del montón utilizado desde el último muestreo.

Eventos de carga

En esta sección, se enumeran los eventos que pertenecen a la categoría de carga y sus propiedades.

Evento Descripción
Parse HTML Chrome ejecutó el algoritmo de análisis de HTML.
Finish Loading Solicitud de red completada.
Receive Data Se recibieron datos para una solicitud. Habrá uno o más eventos Receive Data.
Receive Response La respuesta HTTP inicial a una solicitud.
Send Request Se envió una solicitud de la red.

Propiedades de los eventos de carga

Propiedad Descripción
Resource La dirección URL del recurso solicitado.
Preview Vista previa del recurso solicitado (solo imágenes).
Request Method El método HTTP empleado para la solicitud (GET o POST, por ejemplo).
Status Code El código de la respuesta HTTP.
MIME Type El tipo de MIME del recurso solicitado.
Encoded Data Length La extensión del recurso solicitado en bytes.

Eventos de generación se secuencias de comandos

En esta sección, se enumeran los eventos que pertenecen a la categoría de eventos de generación se secuencias de comandos y sus propiedades.

Evento Descripción
Animation Frame Fired Se activó un cuadro de animación programado y se invocó el controlador de callback de este.
Cancel Animation Frame Se canceló cuadro de animación programado.
GC Event Se recolectaron de elementos no usados.
DOMContentLoaded El navegador inició DOMContentLoaded. Este evento se activa una vez cargado y analizado todo el contenido del DOM de la página.
Evaluate Script Se evaluó una secuencia de comandos.
Event Un evento de JavaScript (por ejemplo, "mousedown" o "key").
Function Call Se realizó una llamada de JavaScript de nivel superior (solo aparece cuando el navegador entra al motor de JavaScript).
Install Timer Se creó un sincronizador con setInterval() o setTimeout().
Request Animation Frame Una llamada de requestAnimationFrame() programó un marco nuevo.
Remove Timer Se borró un sincronizador creado previamente.
Time Una secuencia de comandos llamó a console.time().
Time End Una secuencia de comandos llamó a console.timeEnd().
Timer Fired Se activó un sincronizador que se programó con setInterval() o setTimeout().
XHR Ready State Change El estado de listo de XMLHTTPRequest cambió.
XHR Load Se terminó de cargar XMLHTTPRequest.

Propiedades de los eventos de secuencias de comandos

Propiedad Descripción
Timer ID El ID del sincronizador.
Timeout El tiempo de espera especificado por el sincronizador.
Repeats Valor booleano que especifica si el sincronizador se repite.
Function Call Se invocó una función.

Eventos de representación

En esta sección, se enumeran los eventos que pertenecen a la categoría de eventos de representación y sus propiedades.

Evento Descripción
Invalidate layout El diseño de la página fue invalidado por un cambio del DOM.
Layout Se ejecutó el diseño de una página.
Recalculate style Chrome recalculó los elementos de estilo.
Scroll Se desplazó el contenido de una vista anidada.

Propiedades de los eventos de representación

Propiedad Descripción
Layout invalidated Para registros de diseño; seguimiento de pila del código que produjo la invalidación del diseño.
Nodes that need layout Para registros de diseño; cantidad de nodos respecto de la cual se indicó la necesidad de diseño antes de que se restableciera el diseño. Usualmente, estos son nodos invalidados por el código del programador, además de una ruta de acceso hacia arriba para rediseñar la raíz.
Layout tree size Para los registros de diseño, la cantidad total de nodos debajo de la raíz de rediseño (el nodo en el que Chrome inicia el rediseño).
Layout scope Los valores posibles son "Partial" (el límite del rediseño es una parte del DOM) o "Whole document".
Elements affected Para los registros de recálculo de estilo, la cantidad de elementos afectados por un recálculo de estilo.
Styles invalidated Para los registros de recálculo de estilo, proporciona el seguimiento de pila del código que originó la invalidación del estilo.

Eventos de pintura

En esta sección, se enumeran los eventos que pertenecen a la categoría de eventos de pintura y sus propiedades.

Evento Descripción
Composite Layers Capas de imágenes compuestas del motor de representación de Chrome.
Image Decode Se decodificó un recurso de imagen.
Image Resize Se cambiaron las dimensiones nativas de una imagen.
Paint Se pintaron capas compuestas en una sección de la pantalla. Desplazarse sobre un registro de pintura destaca la región de la pantalla que se actualizó.

Propiedades de los eventos de pintura

Propiedad Descripción
Location Para eventos Paint; coordenadas x e y del rectángulo de pintura.
Dimensions Para eventos Paint; altura y ancho de la región de pintura.