Google Hosted Libraries – Otimize o carregamento do seu site

Você já pensou em ter um CDN gratuito, utilizado mundialmente aonde está hospedado bibliotecas como jQuery UI ou Angular por exemplo? Conheça o Google CDN!

Sim, isso existe e é disponibilizado pelo Google.

Google Hosted Libraries é ideal para quem deseja aumentar a velocidade do seu site e economizar um pouco de trafego.

Invés de apontar para os arquivos hospedados diretamente no seu servidor, você utilizará os fornecidos pelo Google, exemplo:

Angular

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>

jQuery

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

Consulte a lista completa de todas as bibliotecas disponíveis em: https://developers.google.com/speed/libraries

Explicando as vantagens do Google CDN

É bem simples, obviamente você economizará no trafego “bandwidth” do seu servidor.

Existem várias hospedagem que impõe um limite mensal ao trafego (download e upload) entre o usuário e o servidor, utilizando o CDN do Google, seu site/aplicação continuara carregando as bibliotecas que você tanto ama sem colocar isso na sua conta.

Outra grande vantagem é que esse serviço está hospedados nos data center do Google, então a velocidade, você já sabe né? Muito rápido e confiável!

Agora falando sobre a principal vantagem, na minha opinião é na redução do tamanho do seu site.

Diminuindo o tamanho do seu site

Como Google Hosted Libraries realmente aumenta a velocidade de carregamento do meu site?

Simples, reduzindo o tamanho do seu site, vamos ao detalhe!

O navegador monta um “cache” de todos os arquivos que são baixados em um site.

Vamos supor que o seu usuário já tenha navegado em um site que utiliza o jQuery hospedado no Google.

Quando esse usuário for para o seu site o navegador não irá baixar novamente o arquivo e irá utilizar o que está no “cache”.

Bem simples, por que ambos os sites estão fazendo referencia a mesma URL com jQuery, ou seja, o mesmo arquivo, dessa forma realmente não existe motivo para o navegador não reaproveitar o que já foi baixado.

Conclusão

Basicamente é isso, então nada de ficar hospedando jQuery e Angular, blz?

Bom desenvolvimento, 😉

Ah já ia esquecendo, se o seu sistema web for intranet e as maquinas que utilizam ele não tem acesso a internet, neste caso não tem como utilizar Google Hosted Libraries.