Los chicos de NetTuts nos explican detalladamente, 10 técnicas para optimizar nuestro código javascript creado con jQuery.
Casi todos los navegadores actuales (Firefox, Safari, Chrome, Opera) poseen motores de javascript lo suficientemente potentes como para que en temas de optimización, las mejoras que obtenemos deban medirse en milisegundos, sin embargo, Microsoft con sus Internet Explorer aún sigue siendo el rival a batir, por lo que nunca está de más adoptar estas sugerencias como costumbre habitual.
Además, si algún día nos enfrentamos a un proyecto que haga un uso intensivo de javascript, notaremos la diferencia.
Algunos de los consejos son:
Utiliza siempre la última versión de jQuery.
Google dispone de una API de Bibliotecas AJAX para el acceso a las versiones de los frameworks de javascript más importantes, como son jQuery, Prototype, script.aculo.us, Mootools, etc. Este método nos permite estar siempre actualizados con la última versión de jQuery, sin embargo, debes tener en cuenta que aunque no pase muy a menudo, Google puede estar caído y entonces no podremos acceder a la librería.
Usa FOR en vez de EACH
Los métodos nativos siempre son más rápidos que cualquier helper de un framework. Recorrer un array de n elementos mediante $.each es alrededor de 10 veces más lento que hacerlo mediante un for.
Selecciona por #id y no por .clase
A la hora de seleccionar un elemento con jQuery, encontramos que es mucho más rápido hacerlo por su atributo id que no por su clase. ¿Porqué? jQuery utiliza en caso de utilizar el id, el método getElementByID(), nativo del navegador.
Cuando no sea posible seleccionar un elemento por su id, es recomendable especificar el contenedor más cercano a este que contenga un id.
Es decir:
$(”#contenedor .enlaces a”)
será mucho más rápido que
$(”.enlaces a”)
No olvides el return false
Añade return false; al final de tus funciones, para evitar comportamientos inesperados como el típico “salto” al principio de la web.
Articulo completo | 10 Ways to Instantly Increase Your jQuery Performance
[...] hace un par de días comentabamos unos consejos para optimizar javascript, hoy le toca el turno a [...]