Como corrigir JavaScript e CSS de bloqueio de renderização do seu site WordPress

Após o anúncio oficial do Google, todos começaram a se concentrar no tempo de carregamento da página de seus sites. Segundo o Google, os sites com tempo de carregamento da página superior a três segundos não são compatíveis com SEO.

E você já sabe, nesta era da web, competir com milhões de sites não é fácil. Você precisa garantir que seu site seja mais rápido que outros.

Se você comparar a velocidade do site com os principais, poderá faltar, porque a maioria dos sites tem o tempo de carregamento da página abaixo de dois segundos.

Agora, deixe-me falar sobre bloqueio de renderização. Todo plug-in do WordPress tem um arquivo CSS ou JavaScript, que precisa ser carregado pelo navegador do usuário.

Isso significa que esses arquivos CSS e JavaScript estão tornando seu site lento, chamado de bloqueio de renderização de JavaScript e CSS.

Neste tutorial, você aprenderá sobre como encontrar esses arquivos e corrigir o bloqueio de renderização.

Analise o tempo de carregamento da página do seu site

Você pode usar as ferramentas de análise de velocidade, como as Ferramentas Pingdom, mas aqui você precisa do Google PageSpeed ​​Insights. Preencha o URL do seu site e clique em analisar.

Dentro de alguns segundos, você pode ver o relatório. É melhor melhorar o tempo de carregamento da página na área de trabalho. Verifique a pontuação atual.

Como corrigir JavaScript e CSS de bloqueio de renderização do seu site WordPress

Segundo o Google, para um excelente desempenho, a pontuação deve estar entre 89 e 100. E devo lhe dizer que é possível alcançar 100.

Se você rolar para baixo até o cabeçalho "Oportunidades para você," você pode ver algumas sugestões. Do qual, Eliminar recursos de bloqueio de renderização pode ser o único.

Como corrigir JavaScript e CSS de bloqueio de renderização do seu site WordPress

Clique para ver os recursos e você pode ver todos os arquivos CSS e JavaScript. Às vezes, você pode notar qualquer arquivo de cache.

O ponto é que você precisa se concentrar na otimização de arquivos CSS e JavaScript.

Use a otimização automática para reduzir arquivos CSS e JavaScript

Como você já deve saber que a otimização automática é um plug-in que ajuda a otimizar os arquivos de codificação de um site WordPress, você pode usá-lo para corrigir arquivos JavaScript e CSS de bloqueio de renderização.

Vamos para Plugins>>Adicionar novo e procure por Otimizar automaticamente. Instale e ative o plug-in. Espero que você saiba como instalar um plugin do WordPress.

Agora vá para Definições>>Otimizar automaticamente e você pode ver opções para JavaScript e CSS. Marque as caixas para otimizar JavaScript e CSS.

Como corrigir JavaScript e CSS de bloqueio de renderização do seu site WordPress

Clique em Salvar alterações e Cache vazio se você tiver um plug-in de armazenamento em cache. Caso contrário, clique no Salvar alterações botão.

Agora verifique novamente a pontuação do seu site. Se você obtiver alguns resultados positivos, perfeito. Caso contrário, você pode usar um plug-in de cache como o W3 Total Cache para reduzir os códigos JavaScript e CSS.

Instalar e ativar o cache total do W3

Se você já usa o W3 Total Cache como um plugin de cache para o seu site WordPress, não precisa de nenhum outro plugin para reduzir o código do site.

Vamos para atuação>>Configurações Gerais e role para baixo até o Minify definições. Marque a caixa para ativar e salvar as alterações.

Como corrigir JavaScript e CSS de bloqueio de renderização do seu site WordPress

Na maioria dos casos, essa configuração minificadora resolve o problema. Se você ainda enfrentar algum desafio, precisará usar o plug-in específico desenvolvido para corrigir JavaScript e CSS de bloqueio de renderização.

Para o meu site, você pode ver a pontuação atual; Está 100 para a versão desktop.

Como corrigir JavaScript e CSS de bloqueio de renderização do seu site WordPress

Se você se concentrar na versão móvel, poderá adicionar manualmente os scripts e CSS às configurações de redução do W3 Total Cache. Por enquanto, use a opção automática e verifique o desempenho do seu site.

Espero que você tenha uma idéia para corrigir JavaScript e CSS de bloqueio de renderização

Sem dúvida, a velocidade dos sites desempenha um papel vital na pontuação de SEO. Você pode se relacionar quando visita um site com um tempo de carregamento de página ruim. Você espera por muito tempo? Acho que não.

Existem inúmeras opções disponíveis na web. Se o seu site for lento, outra pessoa oferece uma experiência de usuário melhor que a sua.

Conclusão

A principal idéia por trás da correção dos arquivos JavaScript e CSS de bloqueio de renderização é reduzir o código desses arquivos. Se você é um desenvolvedor avançado, pode reduzir JavaScript e CSS manualmente.

Mas se você usa o WordPress, existem muitos plugins para realizar essa tarefa.

Confira estes 3 principais serviços de hospedagem WordPress:

FastComet

Preço inicial:
US $ 2,95


Confiabilidade
9,7


Preços
9,5


Amigo do usuário
9,7


Apoio, suporte
9,7


Recursos
9,6

Ler comentários

Visite FastComet

Hostinger

Preço inicial:
US $ 0,99


Confiabilidade
9,3


Preços
9,3


Amigo do usuário
9,4


Apoio, suporte
9,4


Recursos
9.2

Ler comentários

Visitar Hostinger

Hospedagem A2

Preço inicial:
US $ 3,92


Confiabilidade
9,3


Preços
9.0


Amigo do usuário
9,3


Apoio, suporte
9,3


Recursos
9,3

Ler comentários

Visite A2 Hosting

Artigos de instruções relacionados

  • Como desativar o arquivo wp-cron.php no seu site WordPress usando o cPanel
    especialista
  • Como instalar e configurar o plug-in WP Super Cache no WordPress
    novato
  • Como otimizar o banco de dados do WordPress usando o WP-Sweep
    novato
  • Como configurar um site de preparo do WordPress
    intermediário
  • Como usar o plug-in WordPress de log de auditoria de segurança WP
    intermediário
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me