JavaScript Wordpress

Como Adiar a Análise do JavaScript no WordPress

Como-Adiar- Análise-JavaScript-WordPress-hostinger

Existem algumas razões pelas quais devemos adiar a análise de JavaScript no WordPress.

O mais importante seria a velocidade e o desempenho. Geralmente, o JavaScript é colocado entre as tags <head> </head> e quando um site é aberto, ele carrega o código de cima para baixo, o que significa que se você tiver lotes de JS ou sequências longas, levará mais tempo para o conteúdo do site para aparecer, como ele espera primeiro para todos os JavaScript para ser carregado.

Ao adiar a análise de JavaScript, o site não esperaria que o código JS fosse concluído, o que resultaria em um tempo de carregamento mais rápido. Neste guia, vamos abordar duas maneiras de como você pode adiar a análise de JavaScript no WordPress.

O que você precisa?

Antes de começar este guia, você precisará do seguinte:

  •         Acesso ao Painel de Administração do WordPress
  •         Acesso FTP / cPanel

Passo 1 – Analisar o site

Para descobrir se isso precisa ser implementado, você pode analisar seu site WordPress usando a ferramenta GTMetrix.

A pontuação média para esta recomendação em GTMetrix é de pelo menos 71%. Aqui estão os resultados depois de analisar um site WordPress de teste:

Defer parsing of JavaScript WordPress warning in GTMetrix.

Passo 2 – adiar a análise de JavaScript no WordPress

Existem várias opções para escolher que o ajudarão a adiar a análise de JS no seu site WordPress.

IMPORTANTE! Certifique-se de backup seu site antes de prosseguir.

Opção 1 – Adiando a análise de JavaScript através de plugins do WordPress

Uma das maneiras mais fáceis e rápidas de adiar a análise de JS no WordPress é usando plugins. Podemos ter esse resultado usando uma variedade de plugins e vamos mostrar algumas das opções mais populares. Para começar, você precisará fazer login no WordPress Painel de Controle e acessar Plugins> Add New seção.
Adding a new plugin via WordPress dashboard

Opção 1.1 – WP Deferred JavaScript

Um plug-in leve e muito fácil de usar. Você só precisa instalar e ativá-lo.
defer parsing of javascript via wp deferred js plugin

Opção 1.2 – Speed Booster Pack

Um plugin alternativo com técnicas de otimização adicionais, como remoção de seqüência de consulta, carregamento de JS de bibliotecas do Google e muito mais. Para começar, instale e ative o plugin.
WordPress Speed Booster Pack activation

Próximo, naveguem pelo seu painel do WordPress, clique em Configurações e entre em Speed Booster Pack.
Speed booster pack settings in WordPress dashboard

Marque a caixa perto de Defer Parsing de Arquivos Javascript e Salve Mudanças para aplicá-lo.
Defer parsing of Javascript files in wordpress via speed booster packconfirm deferring of js in wp

Opção 1.3 – Async JavaScript

Async JavaScript plugin permite diferir ou atributos assíncrono para WordPress JavaScripts que carrega via wp_enqueue_script função. Os seguintes atributos obrigam o JavaScript a carregar diferindo ou assincronamente, resultando em carregamento de página mais rápido. Para usá-lo, você só precisará instalar e ativar o plug-in.
Async JavaScript plugin activation

 

Opção 2 – Adiando a análise de JavaScript via functions.php

Para adiar a análise de JS, este código deve ser copiado para a parte inferior do seu arquivo wp-includes/functions.php:

Passo 3 – Testar as alterações

Depois de terminar com uma das opções acima, use a mesma ferramenta de velocidade do site e teste seu site. Aqui estão os resultados de desempenho após adiar a análise de JavaScript no WordPress:

Defer Parsing of Javascript WordPress success in GTMetrix website optimization score

Parabéns, seguindo estes poucos passos fáceis, você aumentou o desempenho do seu site para uma experiência mais rápida e melhor!

Conclusão

Neste breve guia, aprendemos como melhorar a velocidade eo desempenho do seu site WordPress, adiando a análise de JavaScript. Lembre-se, quanto mais rápido e mais suave o seu site, mais tráfego e visitantes mais felizes você terá!

Comece a Economizar Agora!

Hospedagem com tudo incluso e nome de domínio
R$6
99
/mês

Junte-se a centenas de inscritos em todo o mundo

e receba um resumo dos tutoriais mais recentes direto para o seu e-mail

Please wait...

Obrigado por se inscrever!