Blogger - Onde carregar scripts JavaScript corretamente
Se você utiliza scripts personalizados em seu blog no Blogger através do gadget HTML/JavaScript, é fundamental entender onde e como inseri-los para evitar problemas de desempenho e manter uma boa performance SEO.
Muitos scripts utilizam bibliotecas JavaScript externas (como jQuery ou outros utilitários). Sempre que possível, hospede esses arquivos externamente (por exemplo, no GitHub) e referencie-os de forma otimizada no seu layout.
Por que evitar scripts duplicados em gadgets?
É comum diferentes gadgets utilizarem a mesma base JavaScript. Isso pode causar lentidão no carregamento da página, afetando negativamente o SEO. Portanto, agrupe os scripts em um único arquivo e insira-o no <head> do seu layout para garantir que ele seja carregado apenas uma vez.
Teste seu script antes de publicar
Antes de manter um script fixo em gadgets, teste seu funcionamento ao adicioná-lo diretamente entre as tags <head> do modelo (layout). Isso evita erros de carregamento e conflitos entre gadgets.
Consolidação dos arquivos JavaScript
Ao invés de carregar várias vezes os mesmos arquivos JavaScript, consolide tudo em um único arquivo, hospedado em um local confiável. Exemplo de inclusão otimizada:
<script src="https://seudominio.com/scripts/gadget-unico.js" async></script>O uso do atributo async
Adicionar o atributo async ao elemento <script> permite que o navegador carregue o script em segundo plano, sem bloquear o carregamento da página. Isso melhora a velocidade e a experiência de navegação.
Vantagens do uso de "async"
- Reduz o tempo de carregamento da página.
- Melhora a experiência do usuário, especialmente em dispositivos móveis.
- Evita que scripts atrasem o carregamento visual do conteúdo.
Conclusão
Utilizar scripts JavaScript em gadgets do Blogger requer planejamento. Consolidar arquivos e usar o atributo async são estratégias essenciais para manter seu blog leve, rápido e amigável aos mecanismos de busca. Seguindo essas práticas, você garante uma experiência positiva para o usuário e melhora o posicionamento do seu blog nos resultados de busca.