Capítulo 15. Medir el rendimiento
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
Introducción
En hay muchas herramientas de terceros para medir el rendimiento de una aplicación JavaScript, pero el navegador también tiene algunas herramientas útiles integradas para capturar métricas de rendimiento.
La Navigation Timing API se utiliza para capturar datos de rendimiento sobre la carga inicial de la página. Puedes inspeccionar cuánto tardó en cargarse la página, cuánto tardó el DOM en volverse interactivo, etc. Devuelve un conjunto de marcas de tiempo que indican cuándo ocurrió cada evento durante la carga de la página.
La API de temporización de recursos te permite inspeccionar cuánto tiempo se tardó en descargar recursos y en hacer peticiones de red. Esto cubre recursos de página como archivos HTML, archivos CSS, archivos JavaScript e imágenes. También cubre las peticiones asíncronas, como las realizadas con la API Fetch.
La API de Cronometraje de Usuario es una forma de calcular el tiempo transcurrido de operaciones arbitrarias. Puedes crear marcas de ejecución, que son puntos en el tiempo, y medidas, que son duraciones calculadas entre marcas.
Todas estas API crean entradas de rendimiento en un búfer de la página. Se trata de una colección única de todos los tipos de entradas de rendimiento. Puedes inspeccionar este búfer en cualquier momento, y también puedes utilizar PerformanceObserver para escuchar de forma ...
Get Libro de recetas de la API web now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
