{"id":16684,"date":"2019-07-18T15:38:14","date_gmt":"2019-07-18T18:38:14","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=16684"},"modified":"2024-09-26T15:19:20","modified_gmt":"2024-09-26T18:19:20","slug":"javascript-externo-no-wordpress","status":"publish","type":"post","link":"\/br\/tutoriais\/javascript-externo-no-wordpress","title":{"rendered":"Como combinar JavaScript externo no WordPress"},"content":{"rendered":"

Um site com carregamento lento é um problema grave, porém, há diversas formas de lidar com isso. Entre tantas soluções, você pode tentar combinar javascript<\/strong> externo no WordPress apropriadamente. <\/p>

Embora a solução seja simples, funciona perfeitamente. Neste artigo, vamos mostrar porque você deve combinar arquivos externos do JavaScript no WordPress e como fazer isto em passos simples.<\/p>

\"\"<\/a><\/figure>

\n\n\n\n\n\n\n<\/p>

Por Que Você Tem que Combinar Arquivos Externos de JavaScript?<\/strong><\/h2>

Como você deve saber, ao solicitar uma página HTML, o navegador vai enviar uma consulta para todos os recursos necessários. Todos os arquivos, incluindo os de JavaScript, serão buscados no servidor e carregados novamente no navegador.<\/p>

Em toda solicitação, os arquivos JavaScript são carregados juntos, mas executados em ordem de exibição no HTML<\/a>. Enquanto o download<\/em> separado em si pode deixar o site mais lento, a sequência de processos pode deixá-loesperando ainda mais.<\/p>

Arquivos JavaScript, junto de arquivos CSS, são recursos de bloqueio de renderização — não irão carregar outros componentes a menos que todos os arquivos estejam completamente carregados. Como normalmente estes arquivos estão carregados no cabeçalho da página de um site, isto pode causar problemas. <\/p>

Para verificar se você está enfrentando estes problemas, você precisa verificar o desempenho do seu site conduzindo um teste de velocidade.<\/p>

Existem muitos tipos de sites como Pingdom<\/a>, GTMetrix<\/a> e Google PageSpeed Insights<\/a> que irão te ajudar com isso. Tudo o que você precisa fazer é inserir o link do seu site e clicar no botão para analisar.<\/p>

Aqui estão alguns exemplos do resultado de teste do nosso site:<\/p>

\n
\"google<\/figure><\/div>

O ideal é que o resultado seja todo na categoria verde (rápido). Ou pelo menos, verifique se seu site não está na categoria em vermelho. Se este for o caso, aja imediatamente. <\/p>

Na maioria das vezes você vai receber um aviso se houver mais de cinco arquivos em JavaScript encontrado. Ao localizar os problemas, você já pode começar a corrigi-los.<\/p>

HTTP\/2<\/strong><\/h3>

Implementar a última tecnologia como HTTP\/2 é sempre um benefício. Se seu provedor de hospedagem suporta isso — que é o caso da Hostinger<\/a> — talvez você não precise combinar arquivos porque ele suporta downloads paralelos.<\/p>

Lançado em 2015, HTTP\/2 — Hypertext Transfer Protocol versão 2 — foi desenvolvida como uma versão melhorada do HTTP\/1.1 que tem sido padrão para comunicação online desde 1989. As melhorias do novo protocolo tem como intenção: <\/p>