quinta-feira, 27 de março de 2014

DEV: Content Delivery Network e as bibliotecas javascript

Quando vamos criar um site, uma das primeiras tarefas é definir quais bibliotecas de conteúdo vamos utilizar. Hoje temos muitas opções, JQuery, ProtoType, Script.aculo dentre outras, eu citei apenas três mais famosas. 


Essas bibliotecas javascript dão poder a sua pagina, mas todo poder traz responsabilidades (já dizia Ben Parker), e cada recurso que você inclui em sua pagina requer um gasto de banda extra, e recursos javascript precisam ser baixados no Browser do usuário, isso é um fato.

Você já deve ter visto inúmeras maneiras de melhorar essa carga, como minificar os arquivos, usar cache e outras técnicas, porem você já parou para testar carregar esses arquivos de uma CDN ?

Uma CDN é uma rede de compartilhamento de conteúdo (Content Delivery Network), a ideia é criar repositórios distribuídos pelo mundo todo e assim permitir acesso fácil e rápido por todos, pois bem, as principais empresas do mercado atual possuem suas CDN's e o melhor de tudo, elas são abertas aos desenvolvedores.

Vou citar duas grandes que tem bibliotecas compartilhadas para quem quiser adicionar ao site quando precisar: 



Agora você já sabe o que é uma CDN, mas ainda não entendeu o que fazer com ela, pois bem. Quando escolhemos qual biblioteca Javascript vamos usar, o que geralmente fazemos - baixamos uma versão do site do distribuidor, criamos uma pasta no nosso site e salvamos la, dentro da pagina colocamos algo como:
<script src="javascript/jquery.js"></script>
Quando estamos em produção, o usuário acessa nosso site e começa a baixar pagina html, bibliotecas css, javascript, imagem etc ... pois bem, tudo isso funciona bem, mas você pode melhorar.

Vamos utilizar uma CDN para carregar nosso Javascript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

Veja, não doeu nada, ficou igual o anterior mas agora com o endereço do CDN da Google. E vamos agora ao que muda:

  • Cache - quem já navegou em um site que baixou a biblioteca do Google ou Microsoft não vai precisar baixa-la novamente;
  • Paralelismo - seu servidor fica livre desse download, uma tarefa a menos;
  • Latência - servidores do Google ou Microsoft ficam espalhados pelo mundo, e ajudam a localizar a melhor rota para quem esta acessando.
Navegue pelas paginas e veja o que encontra de bom, faça os seus testes.

;) até mais

Nenhum comentário:

Tags

Microsoft (82) Google (33) Windows (23) Internet (20) Windows 7 (15) Internet Explorer (13) Segurança (12) Games (11) Gmail (5) Jogos (5) Mobile (5) Mozila Firefox (5) Visual Studio 2010 (5) Banco de Dados (4) Kinect (4) Orkut (4) Video Game (4) Videos (4) 3D (3) Chrome Os (3) Twitter (3) Web Designer (3) YouTube (3) Acessibilidade (2) Adobe (2) Analise (2) Artigos (2) Asp.Net (2) HTML5 (2) Internet Explorer 9 (2) Live Messenger (2) SqlServer (2) Steve Jobs (2) Sun (2) Telefonia (2) Wifi (2) Yahoo (2) blizzard (2) .Net (1) 3G (1) 4G (1) App Store (1) CEO (1) Cinema (1) Firefox (1) IBM (1) Java (1) Mozilla (1) Música (1) Nuvem (1) PS3 (1) PSN (1) Steve Ballmer (1) Televisor (1) Visual Studio 11 (1) Web 2.0 (1) eBook (1) w3c (1)