jueves, 20 de septiembre de 2012

Consejos para la optimización de Jquery

Consejo nº 1 Utilizar la ultima version de Jquery alojada en Google

Es importante mantener la web actualizada con la ultima version de Jquery ya que esto te mejora el rendimiento y corrige muchos errores.
La ultima version estable es la 1.8:

<script type="text/javascript" 
src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
 

 Consejo nº 2 Utilizar cheatsheets o 'chuletas' de acceso rapido con los comandos mas importantes del lenguaje

A continuacion muestro varias:



Consejo nº 3 Cargar tanto el fichero remoto como el local por si el primero fallara

No esta demas crear una redireccion de tu archivo jquery local por si el que tienes de google falla.
Se hace de la siguiente manera:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js">
</script>
<script>window.jQuery 
|| document.write('<script src="js/jquery-1.8.1.min.js"><\/script>')
</script>
 

Consejo nº 4 No repetir etiquetas Jquery

Si encadenamos los elementos eliminaremos la redundancia en nuestro codigo.

Metodo erroneo

$("#mySmashingID").css("color", "pink");
$("#mySmashingID").css("font", "Verdana");
$("#mySmashingID").text("Some error message goes here!");
 
Metodo correcto 

$("#mySmashingID").css({ "color": "pink", "font": "Verdana"})
.text("Some error message goes here!!");