Como acelerar seu site WordPress atrasando a execução de JavaScript

Você já sentiu que seu site WordPress está funcionando mais devagar do que um caracol em uma esteira? Você sabe, o tipo de frustração que faz você querer jogar seu laptop pela janela e gritar a plenos pulmões? Sim, todos nós já passamos por isso.

Você provavelmente já tentou de tudo para acelerar seu site, desde armazenamento em cache, redução e carregamento lento. Mas nada parece fazer uma diferença significativa. Você ainda está preso a um site lento que leva uma eternidade para carregar e irrita seus visitantes.

E se disséssemos que existe uma maneira simples de otimizar o desempenho do seu site WordPress usando Delay JavaScript Execution ? Uma forma que pode reduzir o tempo de carregamento inicial, melhorar suas pontuações no Core Web Vitals e evitar alguns erros e conflitos. Parece bom demais para ser verdade, certo?

Bem, não é. É um recurso integrado a um dos melhores plug-ins de cache do mercado: WP Rocket .

Nesta postagem do blog, mostraremos como usá-lo para aumentar a velocidade e o desempenho do seu site. Pronto para começar? Vamos!

O que é foguete WP?

WP Rocket é um plugin de cache premium que melhora a velocidade e o desempenho do seu site WordPress. Em vez dos scripts PHP mais volumosos, ele consegue isso gerando arquivos HTML estáticos de seus sites WordPress dinâmicos e servindo-os aos visitantes. Isso diminui a carga do seu servidor e melhora o tempo de resposta do seu site.

WP Rocket também oferece muitos outros recursos para otimizar seu site, como:

• Compressão GZIP: diminui o tamanho do arquivo e economiza largura de banda.
• Cache do navegador: armazena em cache recursos estáticos no navegador, reduzindo a quantidade de consultas ao seu servidor.
• Minificação e concatenação: reduza o número de solicitações HTTP removendo espaços e comentários desnecessários do seu código e combinando vários arquivos em um.
• LazyLoad: Atrasa o carregamento de imagens e iframes até que apareçam na tela, economizando largura de banda e melhorando o tempo de carregamento.
• Integração CDN: distribui seu material por uma rede global de servidores para entregá-lo aos visitantes com mais rapidez.
• Otimização do banco de dados: remove dados desnecessários do seu banco de dados e reduz seu tamanho.
• Pré-carregamento: gera antecipadamente o cache da sua página inicial e de todas as páginas vinculadas para melhorar a indexação pelos mecanismos de busca.
• E mais...

Como o WP Rocket pode ajudá-lo a atrasar a execução do JavaScript?

WP Rocket inclui a capacidade de atrasar a execução de JavaScript. Esse recurso aumenta o desempenho ao adiar o carregamento de todos os arquivos JavaScript e scripts embutidos até que ocorra uma interação do usuário (por exemplo, mover o mouse sobre a página, tocar na tela, rolar, pressionar uma tecla, rolar com a roda do mouse). Funciona de forma semelhante ao LazyLoad, mas para arquivos JavaScript.

Atrasar a execução do JavaScript pode melhorar as métricas de desempenho do seu site, como First Contentful Paint (FCP), Largest Contentful Paint (LCP) e Time to Interactive (TTI), reduzindo o tempo de carregamento inicial de suas páginas da web. Essas métricas são significativas para a experiência do usuário e SEO, já que o Google as classifica em seu Core Web Vitals.

WP Rocket reconhece scripts que podem ser atrasados ​​com segurança e aplica o atraso a eles. Nas configurações do WP Rocket, você também pode especificar manualmente as palavras-chave que identificam os arquivos a serem adiados.

Como posso ativar o atraso de execução do JavaScript no WP Rocket?

Para habilitar a execução atrasada de JavaScript no WP Rocket, execute as seguintes etapas:

Passo 1: Instale e ative o WP Rocket em seu site WordPress.

Para isso, você pode visitar o site WP Rocket , fazer login e adquirir o plugin para ter todos os recursos que poderá utilizar nas demonstrações que mostraremos a seguir.

Após adquirir o plugin e baixar o arquivo zip, vá em Plugins > Adicionar Novo no painel do WordPress e clique em Carregar Plugin no topo da página.

Após clicar em Carregar Plugin , uma nova janela aparecerá, onde você verá uma caixa "Escolher Arquivo". Você terá que clicar nele e selecionar o arquivo zip do instalador em seu gerenciamento de arquivos.

Ao escolher o arquivo zip, clique no botão Instalar agora .

Vá para Configurações > WP Rocket > guia Regras Avançadas .

Role para baixo até a seção Atrasar execução de JavaScript .

Adicione palavras-chave nos campos Scripts para Atrasar ou Scripts para Excluir do Atraso , separadas por vírgulas.

Salve as alterações feitas.

Por exemplo, se você deseja atrasar todos os scripts com as palavras "jquery" ou "analytics" em seus nomes, insira esses termos na seção Scripts para Adiar.

Se você quiser omitir todos os scripts com os termos “WooCommerce” ou “carrinho” em seus nomes, insira-os na área Scripts para omitir na área Atraso.

Quais são os benefícios de atrasar a execução do JavaScript?

Ao atrasar a execução do JavaScript, você pode aproveitar vários benefícios para o seu site WordPress, como:

• Tempo de carregamento mais rápido: você pode diminuir o tempo que leva para suas páginas da web carregarem e exibirem conteúdo atrasando a execução do JavaScript. Isso pode aumentar a experiência do usuário, a retenção e a classificação de SEO.
• Métricas de desempenho aprimoradas: ao adiar a execução do JavaScript, você pode aumentar as métricas de desempenho do seu site, como FCP, LCP e TTI. Essas medições monitoram a rapidez com que seu site se torna utilizável e interativo para os usuários. O Google também os usa como fatores de classificação em seu Core Web Vitals.
• Menos erros e conflitos: Ao adiar a execução do JavaScript, você pode evitar alguns dos erros e conflitos que podem ocorrer ao carregar e executar muitos scripts simultaneamente. Alguns scripts, por exemplo, podem depender de scripts que ainda não foram carregados ou podem interagir entre si. Atrasar a execução do JavaScript pode ajudar a evitar esses problemas e proporcionar uma melhor experiência ao usuário.

Conclusão

Por fim, adiar o carregamento e a execução de código JavaScript não essencial até que o usuário interaja com a página ou role para baixo é uma ótima estratégia para aumentar o desempenho do site WordPress.

WP Rocket é um plugin poderoso que pode permitir aos usuários implementar com facilidade e sucesso a execução atrasada de JavaScript em seus sites WordPress, bem como outros recursos que podem melhorar a velocidade e eficiência do site.

Os usuários podem aumentar o tempo de carregamento de seu site, a pontuação do PageSpeed, a experiência do usuário e as conversões usando a função Delay JavaScript Execution do WP Rocket.