Google

Google Hosted Libraries – Otimize o carregamento do seu site

Você já pensou em ter um gratuito, utilizado mundialmente aonde está hospedado bibliotecas como ou Angular por exemplo? Conheça o  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>

<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 “” 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 for intranet e as maquinas que utilizam ele não tem acesso a internet, neste caso não tem como utilizar Google Hosted Libraries.

 

 

 

Resumo
Nome do Artigo
Reduza o tempo de carregamento do seu site
Descrição
Post explicando os motivos do por que você deve utilizar Google Hosted Libraries "Google CDN"
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Post Recentes

Por que devo sempre manter o Magento 2 atualizado?

Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…

1 mês atrás

Adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2

Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…

1 mês atrás

Exibir mensagens erro/sucesso da Classe: Magento\Framework\Message\ManagerInterface

Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…

1 mês atrás

Exportar as categorias do Magento 2 em um XML

Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…

2 meses atrás

Colocar um video como Background utilizando HTML + CSS

Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…

4 meses atrás

Desativar o “lastname” no Magento 2

Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…

4 meses atrás