blank
10
Nov

Herramientas gratuitas para mejorar nuestro performance

Herramientas gratuitas para mejorar nuestro performance

Uno de los puntos más importantes cuando diseñamos y desarrollamos nuestra web es la velocidad de carga o performance. ¿Qué herramientas nos puede ayudar a medir y/o mejorar nuestra aplicación?

Cuando hablamos de rendimiento en una web, podemos estar hablando de diferentes tipos de performance y con diferentes objetivos. Estos dependerán en la mayoría de los casos, si son webs públicas o internas, si son webs para dispositivos móviles o solo para portátiles.

Algunas de las herramientas que nos facilitarán nuestro desarrollo y/o posterior análisis serían:

  • Chrome
  • Ciclomáticas
  • Compodoc
  • GZIP
  • Web Pack Analizer
  • Lighthouse
  • PageSpeed
  • Web Page Test
  • Jmeter
  • Instana

blankChrome

Cuando hablamos de navegador Google Chrome, cabe decir que el saber hacer uso de esta herramienta para depurar, analizar y/o ejecutar los diferentes plugins, nos facilitará mucho el desarrollo de nuestra web y su posterior análisis.

blank

blank

Complejidad ciclomática

Si tenemos analizadores de código debidamente configurados, nos permitirá evitar durante nuestro desarrollo, malas prácticas que perjudicarían nuestro rendimiento. Un ejemplo clásico con las librerías de eslint y tslint, sería añadir un máximo de complejidad ciclomática a nuestro código (https://eslint.org/docs/rules/complexity).

Lighthouse

Lighthouse es una funcionalidad integrada dentro de nuestro Google Chrome, auque también lo podemos instalar como dependencia npm y utilizarlo desde línea de comandos. Nos analizará nuestro código y nos dará diferentes valores, entre ellos el performance.

blank

blank

Webpack Analizer

blank

Esta librería, si estamos usando webpack, nos permitirá analizar nuestro bundle, para poder ver si tenemos dependencias o demasiados módulos en alguno de nuestros bundles. Lo cual nos permitirá depurar y optimizar nuestro desarrollo.

blank

Jmeter

Esta herramienta nos permitirá analizar las conexiones de nuestros endpoints, realizar pruebas de carga, añadir configuración por entornos, etc. Es una herramienta bastante completa, que nos permitirá generar los test sin tener que desarrollar.

blank

Webpage Test

De las páginas más completas de análisis de web desplegadas, la cual nos facilitará análisis muy completos con valoraciones, del rendimiento y como optimizar nuestra aplicación.

blank

 

blank

Estas herramientas y el resto, solo nos facilitarán las tareas de depurar y optimizar nuestro performance, pero siempre será necesario que las utilice un técnico con experiencia para poder utilizarlas adecuadamente.

Más artículos de Jesús Cuesta