Mozilla hispano, tu comunidad en español de Mozilla

Esta es una traducción del artículo original publicado en el blog de Mozilla Hacks. Traducción por Sergio Carlavilla Delgado.

La herramienta de rendimiento incluida dentro de las herramientas de desarrollo de Firefox ofrece una buena forma de diagnosticar el código JavaScript que se ejecuta de forma lenta, proporciona una idea de la capacidad de respuesta en general y el rendimiento del diseño del sitio web.

En este screencast (en inglés), iré a través del proceso de cómo diagnosticar problemas con el código lento y cómo solucionar esos problemas en tu código. Observa como arreglo una demostración de canvas en 2D tan lenta que apenas se actualiza después de unos segundos. Mediante la ejecución de un análisis de rendimiento, te mostraré un simple cambio en el código que hará que la demostración se ejecute bien en tiempo real.

Enlaces relevantes

• Herramientas de rendimiento en MDN
• Canvas 2D en MDN
• Demo en vivo de Canvas
• Código fuente

The following two tabs change content below.

• Bio
• Latest Posts

jorgev

Add-ons Developer Relations Lead at Mozilla

Jorge trabaja para el equipo de complementos de Mozilla, y se dedica a Mozilla Hispano y Mozilla Costa Rica en su tiempo libre. Actualmente está encargado del blog de Mozilla Hispano Labs.

Latest posts by jorgev (see all)

• Utilizando dispositivos 2FA con la API WebAuthn - 13/05/2018
• ¡Participa en el Reto de Extensiones para Firefox Quantum! - 29/03/2018
• Adentrándonos en el monitor de red de Firefox (parte 2) - 10/03/2018