Carregar jQuery a partir do Google
Postado por: Pedro Rogério emSe você pensa em fazer uma economia de banda para a sua aplicação web, utiliza jQuery, então acho bom pensar em carregar o arquivo JavaScript a partir do Google com a utilização de seu CDN (Rede de distribuição de conteúdo). A utilização é muito simples, basta fazer uma chamada para o JavaScript da seguinte forma:
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load jQuery
google.load("jquery", "1.3");
google.setOnLoadCallback(function() {
// Seu código aqui
});
</script>
Ou então você pode fazer uma referência direta ao arquivo da seguinte forma:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
O que fazemos é utilizar a API de bibliotecas Ajax do Google, mas você não pode fazer isso somente com jQuery, ao utilizar o google.load() da API do Google, você pode ter também acesso a várias bibliotecas JavaScript como: jQuery, jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, SWFObject e Yahoo! User Interface Library.
Outra característica é que você pode especificar a versão que deseja utilizar e se deseja que ela seja carregada “comprimida” ou não
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3", {uncompressed:true});
</script>
Para aqueles que não sabem, já saiu a versão 1.3 do Framework jQuery. As novidades você pode ver no Release do site.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Confesso que não uso tanto o JQuery quanto eu gostaria por medo de entupir a banda. Me amarrei na dica, vou usar com certeza!
Acompanho o blog faz um tempo e aproveito o coment para dar os parabéns pelo excelente trabalho de vcs!
Abração!
Muito bom, dependendo do projeto é uma maravilha isso!
Muito interessante isso. Acho que o bixo poderia pegar eventualmente se a API do google se tornasse indisponível. É quase impossível, eu sei, mas pode acontecer, mesmo que por pouco tempo (queda de servidor por exemplo). Acho que aí que entra o JS não obtrusivo. E também dá para fazer uma verificação através de PHP, se por acaso o jQuery do Google não estiver disponível, será utilizado um arquivo local.
@Marcus VBP,
JavaScript não obstrutivo não é bem isso, mas você pode dar uma lida sobre isso aqui:
http://imasters.uol.com.br/artigo/4298/javascript/tudo_sobre_javascript_nao-obstrutivo_-_parte_01/
http://blog.nagueva.com/o-que-e-javascript-nao-obstrutivo/
http://www.fazedordesite.com/blog/2007/08/03/acessibilidade-javascript-nao-obstrutivo-pra-que/
Maravilha este jQuery 1.3, super rápido… algunas novidades.. q maravilha..
Quando a usar API do google eu particulamente tenho receio.
Vai que to rodando o sistema local e não tenho internet?!!!
Por enquanto nao vai dar pra usar.. quem sabe no futuro….
Valew o lembrente da nova versão! As novidades são quentes!!!!!
Até mesmo como referência futura, coloquei no meu site pessoal um nota sobre as novidades.
Quem quiser tá lá
http://www.samuelcorradi.com.br/jquery-13-lancado.html
Ok. Agora onde eu adiciono o “google.load”? Uso o wordpress no servidor. Explique melhor isso.
Desculpa, mas se voce não entendeu isso acho que é o caso de buscar algo mais básico… Tente colocar isso no header, assim vc não precisa ter o arquivo no seu servidor o cliente busca o arquivo usando o js no repositório do google e nada d+… simples mas bem util, boa dica.