2013-03-21

25 claves para mejorar el rendimiento de tu código Javascript


Si bien la fuente menciona 13 agregue unos cuantos más y adicione un par de JQuery dejo abajo algunas fuentes y un IDE para las pruebas de scripts.



1.    Inicializar todos los miembros de un objeto en la función constructor
2.    Inicializar siempre los miembros de un objeto en el mismo orden
3.    Utilizar preferiblemente valores numéricos que puedan ser representados por enteros con signo
4.    En los arrays utilizar keys contiguas y empezando por 0
5.    No reservar todo el espacio de golpe para los arrays muy grandes (+ de 64.000 elementos)
6.    No eliminar elementos de un array, especialmente si se trata de un array numérico
7.    No cargar elementos no inicializados o eliminados
8.    Inicializar los arrays pequeños de tamaño prefijado con literales
9.    Pre-reservar arrays pequeños para corregir su tamaño antes de usarlos
10.  No almacenar valores no numéricos en arrays numéricos
11.  Mono-morfismo antes que polimorfismo siempre que se pueda
12.  No usar try y catch
13.  Evitar cambios en funciones después de que estén optimizadas
14.  Usar el tipo de variables correctas sobre todo en modo “use strict”
15.  Si existe el método en jquery o en javascript úsalo no inventar la rueda
16.  POO preferiblemente
17.  Es mejor usar prototype y no definiciones de métodos dentro de las clases
18.  Declarar los scripts al final de las paginas
19.  Minificar la versión final
20.  No tener muchos archivos js para una sola pagina
21.  No cargar funciones innecesarias en archivos js que no se utilizaran en la página que se declara
22.  Usar CDN en frameworks comunes
23.  Es mejor el Ajax de JQuery ya está depurado, probado y optimizado
24.  Guardar en variables los objetos que se utilizaran muchas veces en una función para evitar las búsquedas si sabes el id es mejor
25.  Siempre se pueden mejorar los scripts solo es cuestión de analizarlo

Fuente: webbetadev
IDE:  jsfiddle.net