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

AMO Product Manager 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)

• Los 9 errores más comunes al usar CSS Grid - 11/11/2018
• Una caricatura sobre el DNS a través de HTTPS - 22/09/2018
• Utilizando dispositivos 2FA con la API WebAuthn - 13/05/2018