23

Dez

O Load das suas Frameworks via Google

Escrito por Gonçalo Martins   


Load das suas Frameworks via GoogleQuantos desenvolvedores web não utilizam Frameworks Javascript para utilizarem efeitos e funções obtidas via Javascript no seu website? No entanto a maioria dos websites alojam eles mesmo a Framework, quer seja esta Mootools, Jquery, Dojo, Prototype, etc...

Na maioria destes sites alojar localmente este género de ficheiros é um erro. Um erro porque o Google fornece uma alternativa, que para pequenos médios sites é a ideal. A alternativa que o Google oferece é a de alojar versões destas frameworks, na sua própria CDN (Content Delivery Network), e permitir a qualquer pessoa utilizar estas Frameworks.



Se você alojar por exemplo uma versão do Mootools ou JQuery no seu website, o utilizador da primeira vez que chegar a este terá que realizar o download da sua versão. Isto é estar a gastar tráfego! No entanto se você estiver a carregar a versão fornecida pelo Google no seu website, as chances são que o utilizador já possua a versão em questão no cahe do browser. E se lá não estiver fará download a partir da CDN do Google.

Uma outra vantagem é o paralelismo de downloads que o browser pode fazer. O Firefox por exemplo só faz o download de dois ficheiros em simultâneo a partir de determinado domínio. Como normalmente as Frameworks de Javascript costumam ser um dos elementos mais pesados de uma página web, se você alojar localmente a Framework, o browser "fica preso" a realizar o download desta, enquanto outros elementos da página esperam para ser carregados. Ao realizar o download via Google tal não acontece.

 

 

Existem duas hipóteses em como realizar o load da Framework via Google.

A primeira é a mais poderosa e flexível. Utiliza google.load() para definir a Framework e a versão que deve ser carregada. E é a que o Google recomenda. O código a introduzir antes de </head> é o seguinte:

javascript
  1. <script type="text/javascript" src="http://www.google.com/jsapi”></script>
  2. <script type=”text/javascript”>
  3.   google.load(”jquery”, “1.2.6″);
  4.  
  5. //google.setOnLoadCallback(function() {
  6.     //Este código ao invés de $(document).ready()
  7. // });
  8.  
  9. </script>


A desvantagem do método anterior é que adiciona tempo desnecessário ao load, e o programador não mais pode utilizar $(document).ready(), o que no meu caso era uma autentica pedra no sapato.
 


A segunda forma é na minha opinião a que oferece uma maior performance ao website em termos de velocidade é a seguinte:


javascript
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>


E links directos para as outras Frameworks?
http://code.google.com/apis/ajaxlibs/




Realizar o load de Frameworks via Google é uma ponta (mínima) do grande iceberg de funcionalidades que o Google oferece, mas sobre estas irei falar mais tarde.

 

Já sabe pode sempre subscrever o FeedRSS do weblouca.com



Gostou deste Artigo?
Subscreva o feed RSS ou reguiste-se na Newsletter do WebLouca, agora!
Tags:
Categoria:
Se preferir, pode ainda deixar um comentário

PATROCINADORES


cometarios
Trackback(0)

Escreva o seu Comentario
 
  pequeno | maior
 

busy
 

Patrocinadores do Site

Subscrever Feed



Artigos

Ultimos artigos
jsimageNeste artigo vou-lhe demonstrar como rodar imagens e qualquer elemento desde div a span co...
phpthumbAtualmente praticamente todos os websites possuem a necessidade de listar os seus artigos...
benchmarksA pouco mais de um ano falei sobre uma ferramenta para otimizar imagens (Artigos/optimize...
phpimageredRedimensionar uma imagem com php pode ser um processo complicado. Quando por exemplo um wo...
linksafiliadosNo inicio do ano escrevi um artigo onde dáva a conhecer uma forma de criar links de afili...