Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

Rendimiento

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

 Colaboradores en esta página: LesterGuerra, juanmapiquero, PorcoMaledette
 Última actualización por: LesterGuerra,