Como os plug-ins do WordPress afetam o tempo de carregamento do seu site (revelado)

Os plug-ins do WordPress são ferramentas poderosas que ampliam a funcionalidade do seu site. No entanto, nossos leitores sempre nos perguntam se o excesso de plugins ou plugins mal codificados podem afetar o tempo de carregamento de um site. Afinal, um site lento resulta em visitantes frustrados, taxas de rejeição mais altas e classificações de pesquisa mais baixas.

Temos muita experiência em primeira mão na execução de plug-ins em sites do WordPress. Ao longo do caminho, aprendemos que é possível ter um site rico em recursos e com desempenho ideal.

Este artigo mostrará como os plug-ins do WordPress afetam o tempo de carregamento do seu site e como você pode controlá-los para manter o desempenho máximo do seu site.

Este é um guia abrangente sobre plug-ins e desempenho do WordPress. Use os links abaixo para navegar neste artigo:

Como funcionam os plug-ins do WordPress?

Os plug-ins do WordPress são como aplicativos para o seu site WordPress. Você pode instalá-los para adicionar mais recursos, como formulários de contato, galerias de fotos ou uma loja de comércio eletrônico.

Tanto o núcleo quanto os plug-ins do WordPress são escritos em PHP. Esse código PHP é executado em seu servidor da Web e usa seus recursos.

Por isso, é importante escolher uma hospedagem WordPress rápida que permita gerenciar facilmente os recursos do servidor e executar o site com eficiência.

Quando alguém visita seu site, o WordPress primeiro carrega seus arquivos principais e, em seguida, carrega todos os seus plug-ins ativos. Você pode saber mais em nosso guia sobre plug-ins do WordPress e como eles funcionam.

Como os plug-ins afetam o tempo de carregamento de um site

Portanto, embora os plug-ins do WordPress adicionem recursos incríveis, eles também consomem recursos que podem afetar a velocidade de carregamento do seu site.

Alguns plug-ins procuram informações no banco de dados do seu site. Se um plug-in tiver que buscar muitas informações ou não o fizer de forma eficiente, ele poderá fazer com que seu site fique lento para responder.

Outros plug-ins adicionam arquivos que precisam ser baixados nos computadores dos visitantes. Esses arquivos podem ser imagens, folhas de estilo que controlam a aparência do site ou arquivos JavaScript que tornam o site interativo. Cada arquivo extra acrescenta um pouco de tempo ao tempo que o site leva para carregar.

Com isso em mente, certifique-se de escolher cuidadosamente plug-ins bem codificados para o seu site. Você também deve evitar executar muitos plug-ins desnecessariamente.

Vamos dar uma olhada nesses problemas em detalhes.

O excesso de plug-ins deixará o WordPress mais lento?

Quantos plugins são demais? Muitos usuários do WordPress se perguntam se o site ficará lento se instalarem muitos plug-ins.

Acreditamos que o principal problema não é a quantidade de plug-ins, mas sim a qualidade.

Todos os plug-ins bem codificados tentam manter os arquivos que carregam em um nível mínimo. Você pode ter dezenas de bons plug-ins do WordPress como esse em execução em seu site sem nenhum problema.

No entanto, nem todos os desenvolvedores de plugins são tão cuidadosos. Alguns plug-ins carregam arquivos a cada carregamento de página, mesmo quando não precisam desses arquivos. O excesso de plug-ins como esse deixará seu site mais lento.

Isso significa que o verdadeiro problema é escolher plug-ins rápidos e evitar os mal codificados.

Para obter mais informações sobre esse assunto, consulte nosso guia sobre quantos plug-ins do WordPress você deve instalar.

Os plug-ins inativos reduzirão a velocidade do WordPress?

Você pode desativar temporariamente um plug-in no WordPress, desativando-o. Isso não exclui o plug-in, portanto, você pode reativá-lo facilmente quando precisar. Isso não exclui o plug-in, portanto, você pode reativá-lo facilmente quando precisar dele.

Talvez você esteja se perguntando se os plug-ins inativos deixam seu site mais lento. Isso não acontece.

O WordPress não carrega plug-ins inativos, portanto eles não usarão os recursos do seu site. Os plug-ins inativos não consultam seu banco de dados nem acessam arquivos.

No entanto, se você não planeja usar um plug-in inativo no futuro, recomendamos que o exclua. Os plug-ins inativos ainda pedirão para ser atualizados e, às vezes, os hackers podem usá-los para obter acesso ao seu site.

Para obter mais detalhes, consulte nosso guia chamado: Os plug-ins inativos tornam o WordPress mais lento?

Como escolher plug-ins mais rápidos

Como dissemos anteriormente, o mais importante é escolher plug-ins bem codificados. Esses plug-ins têm boas avaliações e são recomendados por fontes confiáveis.

Você pode começar lendo nosso guia detalhado sobre como escolher os melhores plug-ins do WordPress.

Você deve prestar atenção especial à facilidade de uso e ao desempenho do plug-in. Aqui estão algumas das principais opções:

• WPForms, o plugin de formulário de contato mais rápido e fácil de usar para iniciantes no WordPress
• All in One SEO, um poderoso plug-in de SEO para WordPress que enfatiza o desempenho do site.
• MonsterInsights, o melhor plug-in do Google Analytics para WordPress que permite que você carregue o gtag.js localmente para acelerar suas pontuações do Google Core Web Vitals
• SeedProd, um construtor de páginas do WordPress que cria temas e páginas de destino extremamente rápidos

Além dessas recomendações, você pode executar seus próprios testes de velocidade. Basta testar a velocidade de seu site antes e depois de instalar um plug-in para comparar seu impacto no desempenho.

Se você achar que um plug-in do WordPress está afetando o carregamento do seu site, procure um plug-in melhor que faça o mesmo trabalho sem deixar o site mais lento.

Como controlar seus plug-ins usando o Plugin Organizer

Alguns dos plug-ins que você usa não precisam ser executados em todas as páginas do seu site. Você pode acelerar seu site executando-os somente onde forem necessários.

Por exemplo, se um plug-in precisar ser executado somente na área de administração do WordPress, ele não deverá ser carregado no front-end do seu site.

Os autores de plug-ins nem sempre podem prever como você usará os recursos deles, portanto, eles podem carregar o código, seja ele necessário ou não. Agora, se o plug-in carregar arquivos JavaScript e CSS, isso poderá aumentar o tempo de carregamento da página do seu site.

A desativação desses plug-ins nas páginas em que você não precisa deles melhorará o tempo de carregamento.

É nesse ponto que o Plugin Organizer pode ajudar. Ele é um plug-in do WordPress que permite controlar seus outros plug-ins das seguintes maneiras:

• Ele permite que você ative ou desative seletivamente plug-ins específicos com base no URL.
• Ele permite ativar ou desativar plug-ins para diferentes funções de usuário.
• Ele permite que você ative ou desative plug-ins com base no tipo de postagem.
• Ele permite que você reorganize a ordem em que os plug-ins são carregados.
• Ele permite desativar determinados plug-ins e carregá-los somente quando necessário.

Com esses recursos, o Plugin Organizer permite que você controle seus plug-ins e ajuste o desempenho do seu site.

Para obter instruções detalhadas, consulte nosso guia sobre como usar o Plugin Organizer para acelerar seu site WordPress.

E como mais da metade dos visitantes do seu site usará smartphones ou outros dispositivos, você precisa garantir que seu site carregue rapidamente para eles também.

Você pode fazer isso usando o Organizador de plug-ins para desativar plug-ins específicos em dispositivos móveis. Para saber como fazer isso, consulte nosso guia sobre como desativar plug-ins específicos do WordPress para usuários móveis.

No entanto, se você preferir controlar os plug-ins do WordPress sem instalar outro plug-in, explicaremos como fazer isso passo a passo no restante deste guia. No entanto, isso só é recomendado para usuários mais técnicos.

Como verificar os arquivos carregados por plug-ins do WordPress (avançado)

Para ver como os plug-ins afetam o tempo de carregamento da página, você precisa verificar quais arquivos são carregados pelos plug-ins do WordPress. Felizmente, há muitas ferramentas que você pode usar para descobrir isso.

Uma maneira simples é usar as ferramentas de desenvolvimento do seu navegador. No Google Chrome ou no Firefox, basta clicar com o botão direito do mouse em seu site e selecionar “Inspecionar”. Isso abrirá o painel de ferramentas do desenvolvedor.

Você precisa clicar na guia “Rede” e recarregar o site. À medida que a página for recarregada, você poderá ver como o navegador carrega cada arquivo.

Fique atento aos arquivos que demoram a carregar. Você pode ver quanto tempo cada arquivo levou para ser carregado observando a coluna “Tempo”.

Se quiser ver apenas determinados tipos de arquivos que possam afetar o tempo de carregamento, como JS (JavaScript) ou CSS, basta usar os botões na parte superior para filtrar a lista.

Para obter um relatório mais detalhado, você também pode usar ferramentas de terceiros, como Pingdom e GTmetrix. Essas ferramentas fornecerão informações ainda mais úteis sobre todos os arquivos que são carregados e o tempo que levam para carregar.

Como otimizar manualmente os ativos do plug-in do WordPress (avançado)

Os usuários avançados do WordPress podem tentar gerenciar como os plug-ins do WordPress carregam arquivos em seus sites. Lembre-se de que isso requer algum conhecimento de codificação e algumas habilidades de depuração.

A maneira correta de carregar scripts e folhas de estilo no WordPress é usar as funções wp_enqueue_style e wp_enqueue_script.

A maioria dos desenvolvedores de plug-ins do WordPress usa essas funções para carregar arquivos de plug-ins, garantindo que os arquivos sejam carregados somente quando e onde forem necessários. O WordPress também vem com funções fáceis para cancelar o registro desses scripts e folhas de estilo.

No entanto, se você simplesmente desativar o carregamento desses scripts e folhas de estilo, isso quebrará seus plug-ins e eles não funcionarão corretamente. Para corrigir isso, você precisará copiar e colar esses estilos e scripts nos arquivos de folha de estilo e JavaScript do seu tema.

Dessa forma, você poderá carregar todos eles de uma só vez, minimizando as solicitações HTTP e diminuindo efetivamente o tempo de carregamento da página.

Vamos ver como cancelar facilmente o registro de folhas de estilo e arquivos JavaScript no WordPress.

Como desativar manualmente as folhas de estilo de plug-ins no WordPress (avançado)

Primeiro, você precisará localizar o nome ou o identificador da folha de estilo que deseja cancelar o registro. Você pode localizá-lo usando a ferramenta de inspeção do seu navegador.

Depois de encontrar o identificador da folha de estilo, você pode cancelar o registro adicionando esse código ao arquivo functions.php do seu tema usando um plug-in de snippet de código como o WPCode (recomendado).

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
}

Não se esqueça de alterar 'gdwpm_styles-css' para o identificador de estilo que você deseja desativar.

Para adicionar esse trecho de código usando o WPCode, basta criar um trecho de PHP personalizado, dar um nome a ele e, em seguida, colar o código no painel Visualização de código.

Depois disso, certifique-se de ativar o snippet e, em seguida, clique no botão “Salvar snippet” para armazenar o código. Para obter mais detalhes, consulte nosso guia sobre como adicionar snippets de código personalizados no WordPress.

Você pode cancelar o registro de quantos identificadores de estilo quiser nessa função.

Por exemplo, se você tiver mais de um plug-in para o qual deseja cancelar o registro da folha de estilo, faça isso da seguinte forma:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
    wp_deregister_style( 'bfa-font-awesome-css' );
    wp_deregister_style( 'some-other-stylesheet-handle' );
}

Lembre-se de que o cancelamento do registro dessas folhas de estilo afetará os recursos do plug-in em seu site. É necessário copiar o conteúdo de cada folha de estilo que você cancelar o registro e colá-lo na folha de estilo do seu tema do WordPress ou adicioná-lo como CSS personalizado.

Como desativar manualmente o JavaScript do plug-in no WordPress (avançado)

Assim como as folhas de estilo, você precisará descobrir o identificador usado pelo arquivo JavaScript para cancelar o registro. No entanto, você não encontrará o identificador usando a ferramenta de inspeção.

Para isso, você precisará se aprofundar nos arquivos do plug-in para descobrir o identificador usado pelo plug-in para carregar um script.

Outra maneira de descobrir todos os identificadores usados pelos plug-ins é adicionar esse código ao arquivo functions.php do seu tema ou a um novo snippet do WPCode:

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles');

Depois de adicionar esse código, você pode usar o shortcode[pluginhandles] para exibir uma lista de identificadores de script de plug-in.

Ele deve ter a seguinte aparência:

Agora que você tem identificadores de script, pode facilmente cancelar o registro deles usando o código abaixo.

Basta adicionar o código ao arquivo functions.php do seu tema ou a um novo snippet do WPCode, como você fez ao desativar as folhas de estilo:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
}

Você também pode usar esse código para desativar vários scripts.

Ele terá a seguinte aparência:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
    wp_deregister_script( 'gdwpm_lightbox-script' );
    wp_deregister_script( 'another-plugin-script' );
}

Agora, como mencionamos anteriormente, a desativação desses scripts impedirá que seus plug-ins funcionem corretamente. Para evitar isso, você precisará combinar o código JavaScript. Isso nem sempre funciona sem problemas, portanto, você precisa saber o que está fazendo e aprender por tentativa e erro.

Como carregar scripts somente em páginas específicas (avançado)

Se você souber que precisará que um script de plug-in seja carregado em uma página específica do seu site, poderá permitir um plug-in nessa página específica.

Dessa forma, o script permanece desativado em todas as outras páginas do seu site e é carregado somente quando necessário.

Veja como você pode carregar scripts em páginas específicas:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    if ( !is_page('Contact') ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

Esse código simplesmente desativa o script contact-form-7 em todas as páginas, exceto na página de contato. Basta alterar o nome da página e o identificador do script do plug-in para aqueles que você deseja usar.

Esperamos que este artigo tenha ajudado você a saber como os plug-ins do WordPress afetam o tempo de carregamento do seu site. Talvez você também queira ver nosso guia definitivo para melhorar a velocidade do WordPress e o desempenho do site e nossa seleção especializada dos melhores plug-ins de cache do WordPress para acelerar seu site.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.