..."coisas que você deve saber quando usar jQuery em seu blog"
Autor: Edilene brandao da silva | Publicado: 2011-10-14T19:17:00-07:00




6 cosas que tienes que saber cuando usas jQuery en tu blog
Tal vez &nbsp;lo uses en tu blog, ya sea por que lo agregaste al seguir un tutorial, o por que ya lo tenías en la plantilla que descargaste de&nbsp;algún&nbsp;sitio, pero, al escuchar hablar de este por primera vez, pensaste: -¿qué es jQuery?, ¿para qué sirve?-, entonces, primero empecemos por entender de manera&nbsp;sencilla&nbsp;que es&nbsp;jQuery.

jQuery&nbsp;es una&nbsp;librería&nbsp;de JavaScript maravillosa que&nbsp;permite&nbsp;la&nbsp;creación&nbsp;de animaciones, efectos, entre otras cosas muy cool, que pueden&nbsp;hacer que tu página o blog, sea más interactiva y dinámica, incluso divertida.

No es necesario ser todo un experto en JavaScript para usarlo, de hecho, parte de la misión de jQuery es "escribir menos y hacer más", en otras palabras jQuery está pensado en hacer más simple usar JavaScript, ya que es posible ahorrarse mucho trabajo, para conseguir efectos y animaciones espectaculares.

Pensando en que es muy&nbsp;común&nbsp;su uso, &nbsp;hoy veremos&nbsp;algunas cosas que&nbsp;deberías&nbsp;tener en cuenta a la hora de usarlo:


1. Asegurate de usar la&nbsp;versión&nbsp;más actualizada de jQuery. Así&nbsp;como los navegadores se actualizan, jQuery lo hace con el fin de solucionar algunos bugs (errores) buscando siempre maximizar su rendimiento, a menos que el creador de&nbsp;algún&nbsp;efecto o&nbsp;animación&nbsp;que lo use indique lo contrario, y que definitivamente deberían ser razones de&nbsp;peso.

2. Solo necesitas&nbsp;agregar jQuery una sola vez en tu blog, independientemente de que uses distintos efectos o animaciones, usando esta&nbsp;librería.&nbsp;Puede ser que siguiendo varios tutoriales, lo hayas agregado 2 más veces, eso puede hacer más lento tu blog, y causar otros problemas.


3. Utiliza la versión de jQuery especificando la&nbsp;versión&nbsp;exacta,&nbsp;no&nbsp;la que facilita el&nbsp;sistema de versiones de Google&nbsp;con el fin de recibir automáticamente la versión más actualizada, por ejemplo:
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
...en estos momentos (a la fecha de hoy) se&nbsp;obtendría&nbsp;esto:
http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
Esto contribuye a un corto periodo de almacenamiento en la&nbsp;&nbsp;caché,&nbsp;eso quiere decir, que la copia del archivo se va a guarda por muy corto tiempo en la memoria caché, entonces si alguien regresa a nuestro sitio, se tiene que volver a cargar jQuery.
Paul Irish quien forma parte del equipo de jQuery, hizo una&nbsp;investigación&nbsp;sobre&nbsp;el tiempo que dura guardado en la caché al usarlo de ese modo.

4. Asegurate de que lo hayas agregado en la seccion del &lt;head&gt;, es decir en algún lugar antes de &lt;/head&gt;, eso es lo que&nbsp;recomiendan los desarrolles de esta&nbsp;librería.&nbsp;


5. Verifica que uses el nivel de&nbsp;compresión&nbsp;de&nbsp;producción, es decir las versiones minimizada o comprimida "minified", que es la siguiente&nbsp;(desde la&nbsp;librería CDN&nbsp;de Google)...
http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js...ya que el enlace anterior, no es lo mismo que esto:


http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js


Esa es la&nbsp;versión&nbsp;recomendada por jQuery&nbsp;&nbsp;ya que junto con la de paquete, son las mejores versiones para el despliegue de producción, es decir, para usarlas para crear&nbsp;cualquier efecto o&nbsp;animación en la web.&nbsp;Abre los archivos y echa un vistazo a ellos, copiando los enlaces en la barra de navegación de tu navegador y verás la diferencia, la primera es más compacta (minified), por lo tanto es más ligera.


6. Verifica que uses el protocolo (HTTP), no HTTPS como lo usan las páginas que cuentan con la&nbsp;certificación&nbsp;llamada SSL, como por ejemplo PayPal, Twitter, Facebook (estos&nbsp;últimos&nbsp;permiten ambas).


Entonces sería:
http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.jsNo:

https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js

Esto supone&nbsp;problemas para ser guardados en la caché.&nbsp;Por otro lado, también&nbsp;en la referencia anterior, puedes leer sobre la&nbsp;recomendación&nbsp;que hacen de usar una URL relativa, es&nbsp;decir, sin&nbsp;ningún&nbsp;protocolo (HTTP o HTTPS) al usar jQuery desde la libreria CDN de Google.

¿Sabes alguna recomendación&nbsp;que pueda ayudar a tener un mejor rendimiento de jQuery en nuestro sitio?, no dudes en&nbsp;compartirlo&nbsp;;).

Conclusiones
Es posible usar esta maravillosa&nbsp;librería&nbsp;sin preocuparnos mucho por el peso de nuestro blog, si seguimos ciertas pautas al usarlo, y contribuir a un mejor almacenamiento en la caché, y beneficiarnos todos.

fonte e créditos:
compartidisimo.



traduzido: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;





..."6 &nbsp;(seis)coisas que você deve saber quando usar jQuery em seu blog"Talvez você usá-lo em seu blog, seja adicionando-o a seguir um tutorial, ou você já tinha no modelo que você baixou a partir de&nbsp;&nbsp;qualquer&nbsp;&nbsp;local, mas, ao ouvir sobre isso pela primeira vez, o pensamento, - o que ? é jQuery, o que é isso? -, entonces&nbsp;, vamos começar a entender como&nbsp;simples&nbsp;é&nbsp;&nbsp;jQuery.&nbsp;
jQuery&nbsp;&nbsp;é uma biblioteca JavaScript maravilhosa&nbsp;&nbsp;permite&nbsp;a criação de animações, efeitos, entre outras coisas legais que podem fazer para seu site ou blog mais interativo e dinâmico, mesmo divertido.&nbsp;
Não é necessário ser um expert em JavaScript para uso, de fato, parte da missão da jQuery é "escrever menos e fazer mais" jQuery é em outras palavras pensamento para torná-lo mais simples de usar JavaScript, como você pode economizar muito trabalho para alcançar efeitos espetaculares e animações.&nbsp;Pensar é muito comum em uso hoje vai ver algumas coisas que você deve ter em mente ao usá-lo:
&nbsp;1&nbsp;.&nbsp;Certifique-se de utilizar a última versão do jQuery.&nbsp;Como navegadores são atualizados, jQuery faz para corrigir alguns bugs (erros) estão sempre à procura de maximizar seu desempenho, a menos que o criador de um efeito ou animação que você usá-lo de outra forma, e, definitivamente, deve ser motivo peso.
&nbsp;2&nbsp;.&nbsp;Você só precisa&nbsp;adicionar jQuery&nbsp; uma&nbsp;vez em seu blog&nbsp;,&nbsp;se eles usam diferentes efeitos e animações, utilizando esta&nbsp;
biblioteca.&nbsp;&nbsp;
Pode ser que após vários tutoriais, eu adicionei&nbsp;mais 2 vezes, pode atrasar o seu blog, e causar outros&nbsp;problemas .










3&nbsp;.&nbsp;Use a versão jQuery, especificando a versão exata,&nbsp;não&nbsp;que facilita&nbsp;&nbsp;as atualizações do sistema para o Google&nbsp;&nbsp;para receber automaticamente a versão mais recente, por exemplo:
http://ajax.googleapis.com/ajax/libs/jquery/&nbsp;1&nbsp;/ jquery.min.js


... No momento (até à data) vai&nbsp;&nbsp;ficar&nbsp;&nbsp;assim:
http://ajax.googleapis.com/ajax/libs/jquery/&nbsp;1.6.4&nbsp;/ jquery.min.js


Isso faz com que por um curto período de armazenamento no&nbsp;&nbsp;&nbsp;cache,&nbsp;&nbsp;o que significa que a cópia será mantida por um tempo curto na cache, então se alguém vem para o nosso site, você tem que recarregar jQuery.
Paul irlandês que faz parte da equipe jQuery fez uma&nbsp;&nbsp;pesquisa&nbsp;&nbsp;sobre&nbsp;a duração armazenados no cache de usá-lo dessa maneira&nbsp;.&nbsp;

4&nbsp;.&nbsp;Certifique-se de que você adicionou na seção de &lt;head&gt;, ou seja, em algum lugar antes&nbsp;
&lt;/ head&gt;, que é o que&nbsp;recomendam o desenvolvimento desta biblioteca&nbsp;.&nbsp;&nbsp;


5&nbsp;.&nbsp;Verifique se você usar o nível de compressão de produção são minimizados ou comprimido versões "&nbsp;minified&nbsp;"&nbsp;, que é a seguinte&nbsp;&nbsp;(a partir do Google CDN biblioteca) ...http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.&nbsp;min&nbsp;. js... Desde o link acima não é o mesmo que isto:&nbsp;


http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js&nbsp;


Essa é a&nbsp;&nbsp;versão&nbsp;&nbsp;recomendada pelo jQuery&nbsp;&nbsp;desde juntamente com o pacote são as melhores versões para a implantação de produção, ou seja, para usá-los para criar&nbsp;&nbsp;qualquer efeito ou animação na web.&nbsp;&nbsp;Abra os arquivos e vê-los, copiando os links na barra de navegação do seu navegador e veja a diferença, a primeira é mais compacto (minified), pois é mais leve.&nbsp;


6&nbsp;.&nbsp;Verifique se você usar o protocolo (HTTP), não use HTTPS como as páginas que têm a&nbsp;&nbsp;certificação chamado SSL&nbsp;, como o PayPal, Twitter, Facebook (estes&nbsp;últimos&nbsp;&nbsp;permitem ambos).&nbsp;


Seria então:
http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"Não:&nbsp;https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js&nbsp;Isto envolve&nbsp;&nbsp;problemas a serem armazenados em cache&nbsp;.&nbsp;Por outro lado, também na referência acima, você pode ler sobre a&nbsp;recomendação&nbsp;de fazer para utilizar uma URL relativa, ou seja, sem qualquer protocolo (HTTP ou HTTPS) usando a biblioteca jQuery do CDN do Google.&nbsp;Sabe quaisquer recomendações que possam ? ajudar a obter um melhor retorno jQuery em nosso site, por favor partilhe-lo;)."
Conclusões&nbsp;Você pode usar essa biblioteca maravilhosa sem se preocupar muito sobre o peso do nosso blog, se algumas orientações para uso, e contribuir para um melhor armazenamento no cache, e todos os benefícios.



http://estaaquii.blogspot.com
   
var addthis_config = {"data_track_clickback":true};