La herramienta de Rendimiento te da una visión general de la capacidad de respuesta del sitio que visitas así como de su JavaScript y el modelo de diseño. Con esta herramienta puedes generar un perfil o registro de un sitio web en un período de tiempo. En dicho perfil la herramienta te ofrece una vista general de todas las acciones que tu navegador empleó para generar el sitio web así como una gráfica con el tiempo de respuesta de dicha pagina.
Para examinar con más detalle los aspectos del perfil tienes tres herramientas auxiliares:
- Waterfall muestra qué operaciones ejecutó el navegador, tales como el modelo de ejecución empleado, JavaScript, repaints y liberación de memoria.
- Call Tree muestra en qué funciones de JavaScript se requirió más tiempo del navegador.
- Flame Chart muestra la pila de llamadas de JavaScript a lo largo de la grabación.
Preámbulo
- UI Tour
-
Guía rápida de la interfaz para comenzar a manejar la herramienta de rendimiento.
- How to
- Tareas básicas: abrir la herramienta, crear, guardar, cargar y configurar las grabaciones.
Componentes de la herramienta de Rendimiento
- Frame rate
- Comprender la capacidad de respuesta general de tu sitio.
- Call Tree
- Encontrar cuellos de botella en el JavaScript de tu sitio.
- Waterfall
- Comprender el trabajo que el navegador realiza cuando un usuario interactúa con el sitio web.
- Flame Chart
- Ver qué funciones de JavaScript se ejecutan , y cuando , en el transcurso de la grabación.
Escenarios
- Animating CSS properties
- Utiliza Waterfall para entender cómo el navegador actualiza una página, y cómo las diferentes propiedades CSS pueden afectar al rendimiento.
- Intensive JavaScript
- Utiliza la velocidad de los fotogramas y la herramienta Waterfall para resaltar los problemas de rendimiento provocados por los JavaScript de larga duración y cómo los workers pueden ayudar en esta situación.
Etiquetas y colaboradores del documento
Última actualización por:
LesterGuerra,