Você pode ter se deparado com do PageSpeed Insights sobre "Adiar a análise do JavaScript" ao executar um teste de velocidade do site. Veja como fazer isso facilmente no WordPress.
Adiar o JavaScript no WordPress
Existem três maneiras principais de adiar a análise de JavaScript no WordPress. Um plugin do WordPress oferece uma ótima solução para isso. Você encontra plugins gratuitos e pagos para realizar essa tarefa. Com a ajuda de dois plugins populares, mostraremos exatamente como fazer isso.
Utilizar o método Varvy é uma opção se você for um usuário com conhecimento técnico e estiver disposto a editar o código diretamente no seu site para usar o trecho de código gerado pelo Varvy.
Também é possível adiar automaticamente o carregamento de scripts no arquivo functions.php do seu tema filho adicionando um pequeno trecho de código ao arquivo. Vamos começar com o primeiro método:
1. Plugin JavaScript assíncrono gratuito
Frank Goossens criou um plugin gratuito para WordPress chamado Async JavaScript, desenvolvido pela mesma pessoa por trás do plugin viral Autoptimize.
Com ele, você pode simplesmente adiar a análise do JavaScript usando os métodos async ou defer.
Para começar, instale e ative o plugin gratuito do WordPress.org. Em seguida, você poderá configurar o plugin na seção JavaScript Assíncrono da página de Configurações.
Na parte superior, você pode ativar a funcionalidade do plugin e escolher entre assíncrono e diferido.
Durante o download assíncrono, o JavaScript é baixado enquanto o HTML ainda está sendo analisado, mas a análise do HTML é pausada para que o JavaScript seja executado.
Essa funcionalidade permite que o JavaScript seja baixado enquanto o HTML ainda está sendo analisado e aguarda para executá-lo após a análise do HTML.
Você pode escolher como o jQuery será processado mais abaixo nesta página. Ao tentar adiar a execução dos scripts jQuery, você corre o risco de comprometer a funcionalidade principal do seu site. Para maior segurança, é recomendável excluir o jQuery, mas se quiser experimentar adiar a execução, não há problema. Teste seu site antes de publicá-lo.
Existe também um recurso interessante e fácil de usar que permite direcionar temas ou plugins específicos que estão ativos em seu site, escolhendo se eles devem ser adiados ou não, além da possibilidade de incluir ou excluir manualmente scripts específicos do adiamento.
2. Utilize o plugin WP Rocket
O plugin WP Rocket é um dos poucos plugins de cache que permitimos, pois possui integração nativa para cache em nível de servidor, que se integra perfeitamente com o plugin WP Rocket.
A aba Otimização de Arquivos do painel do WP Rocket inclui muitas outras opções de otimização de desempenho e a possibilidade de adiar a análise de JavaScript, que você encontra na aba Desempenho. Na seção Arquivos JavaScript, você encontrará uma opção que diz Carregar JavaScript de forma adiada.
Utilize o método recomendado por Varvy
Anteriormente neste post, mencionamos que Patrick Sexton, da Varvy, recomendou o uso de um trecho de código que aguardaria até que o carregamento inicial do seu site fosse concluído antes de baixar e executar o JavaScript.
Ao ajustar o trecho de código fornecido pelo Varvy e adicionar o script diretamente antes da tag de fechamento da tag body, você pode implementar esse método usando o trecho de código fornecido pelo Varvy como modelo.
Você pode encontrar mais artigos como este no Seahawk Media Blog .
Quer tornar seu site WordPress mais rápido? Opte pelo nosso serviço de otimização de velocidade para WordPress .
