Seu host WordPress pode ser relâmpago rápido, mas nem sempre é uma varinha mágica para plugins e temas horrivelmente codificados ou não otimizados. Estamos sempre a ver isto aqui em Kinsta. Às vezes, mesmo apenas um plugin ruim ou trecho de código pode ser o pior inimigo do seu site, e trazer tudo para um rastreamento. É por isso que monitoramos constantemente os sites de nossos clientes com o rastreamento da New Relic e até mesmo temos uma lista de plugins banidos. Hoje vamos compartilhar com você alguns plugins de desempenho WordPress úteis e menos conhecidos que podem ajudá-lo a solucionar problemas e acelerar o seu site.

8 Plugins de desempenho WordPress em 2019

Pode parecer irónico arranjar um plugin ou script com outro plugin. Essa pode não ser a melhor maneira de resolver um problema. Mas para aqueles que não são desenvolvedores do WordPress, em muitos casos, isso pode ser o que você tem que recorrer. Não há tal coisa como um plugin perfeito ou desenvolvedor, e assim às vezes ter alguns truques na manga para fazê-los operar melhor e mais rápido pode vir em muito útil. Um monte desses plugins listados abaixo não são tão populares, alguns com apenas alguns milhares de instalações, mas eles definitivamente merecem algum reconhecimento extra, juntamente com seus desenvolvedores.

[easy-tweet tweet=”Às vezes os melhores plugins são aqueles de desenvolvedores individuais apenas resolvendo um problema.” user=”Kinsta_PT” hashtags=”webdev, WordPress”]

E lembre-se, adicionar mais plugins não é necessariamente ruim, desde que sejam leves e desenvolvidos corretamente. Temos visto muitos sites com mais de 60 plugins facilmente carregar em menos de 1 segundo. Trata-se de escolher os correctos e depois optimizá-los.

1. Query Monitor

O primeiro plugin de desempenho do WordPress que recomendamos verificar é o Query Monitor, um plugin gratuito de depuração e desenvolvimento. Você pode usá-lo para identificar e depurar consultas de banco de dados lentas, chamadas AJAX, solicitações de API REST e muito mais. Além disso, o plugin relata detalhes do site como dependências e dependências de script, ganchos do WordPress que dispararam durante a geração da página, detalhes do ambiente de hospedagem, tags de consulta condicional encontradas pela página atual e muito mais.

Plugin Query Monitor

Plugin Query Monitor

O plugin foi desenvolvido por John Blackbourn, um committer do WordPress que é atualmente um desenvolvedor da Human Made e foi anteriormente empregado pelo WordPress.com VIP. No momento de escrever isto, ele tem atualmente mais de 20.000 instalações ativas com uma classificação de 5 de 5 estrelas. Você pode baixá-lo do repositório do WordPress ou pesquisando na sua área de trabalho do WordPress em “Add New” plugins.

Podes usar isto para todo o tipo de coisas. Os desenvolvedores vão adorar este plugin como você pode restringir cada consulta que está acontecendo em uma página. Se você é um desenvolvedor você pode até mesmo ver se o plugin está fazendo a consulta mais eficiente possível. E não é apenas para o front-end, você também pode usá-lo para solucionar problemas de desempenho em sua área de trabalho do WordPress.

queries

Querys

Aqui está um exemplo do painel WordPress de um site maior. Podemos ver instantaneamente que o plugin Pretty Link é o mais pesado.

Consultas por componente

Consultas por componente

Você pode conferir nosso tutorial detalhado completo sobre como usar o Query Monitor, juntamente com mais cenários de casos de uso.

2. Complete Analytics Optimization Suite (CAOS)

O segundo plugin que recomendamos é o gratuito Complete Analytics Optimization Suite, criado e desenvolvido por Daan van den Bergh. Este plugin permite que você hospede o Google Analytics localmente no seu site do WordPress.

Plugin Complete Analytics Optimization Suite

Plugin Complete Analytics Optimization Suite

Ele tem atualmente mais de 10.000 instalações ativas com uma classificação de 5 de 5 estrelas. Você pode baixar Complete Analytics Optimization Suite do repositório do WordPress ou pesquisando por ele em “Add New” plugins na sua área de trabalho do WordPress. O plugin permite que você hospede seu arquivo JavaScript do Google Analytics (analytics.js) localmente e o mantenha atualizado usando wp_cron(). Outras características incluem a possibilidade de anonimizar facilmente o endereço IP dos seus visitantes, definir uma taxa de rejeição ajustada e colocar o script (cabeçalho ou rodapé).

Alguns benefícios de hospedar seu script analítico localmente é que você reduz suas solicitações HTTP externas para o Google de 2 para 1 e agora você tem controle total sobre o cache do arquivo. Você também pode se livrar do irritante aviso de cache do navegador de alavancagem, causado ironicamente pelo próprio script do Google.

Alavancar o aviso de cache do navegador

Alavancar o aviso de cache do navegador

Basta instalar o plugin, digitar sua ID de rastreamento do Google Analytics e o plugin adiciona o código de rastreamento necessário para o Google Analytics ao seu site do WordPress, baixa e salva o arquivo analytics.js no seu servidor e o mantém atualizado usando um script agendado em wp_cron(). Recomendamos também que o configure para carregar no rodapé. Nota: Este plugin não funcionará com outros plugins do WordPress do Google Analytics e não é suportado ou o método recomendado pelo Google.

Configurações analíticas locais

Configurações analíticas locais

3. Disqus Conditional Load

Se você usar Disqus, é muito crítico que você carregue comentários de Disqus preguiçosos. Se não o fizer, as Disqus podem ser um verdadeiro obstáculo à velocidade de carregamento do seu site. Porquê? Porquê? Porque por padrão ele tem que carregar cada avatar, e todos os scripts adicionais que eles agora estão incluindo devido às mudanças com anúncios Disqus. Então definitivamente recomendamos conferir o plugin gratuito Disqus Conditional Load do Joel James.

Plugin Disqus Conditional Load

Plugin Disqus Conditional Load

Este plugin tem atualmente mais de 10.000 instalações ativas com uma classificação de 4,8 de 5 estrelas. Você pode baixarDisqus Conditional Load do repositório WordPress ou pesquisando por ele em “Add New” plugins na sua área de trabalho do WordPress. Você precisará desativar o plugin oficial Disqus antes de ativar este. Além de carregar preguiçosamente todas as imagens (avatares), ele também permite desabilitar o script count se você não o usar. Assim, menos uma chamada JavaScript no seu site WordPress.

Fizemos alguns testes rápidos para que possam ver a diferença. No nosso exemplo, temos um post no blog com 35 comentários. Nós o testamos com o plugin oficial do Disqus primeiro e depois fizemos testes com o plugin de Carga Condicional Disqus.

Plugin de Disquetes Oficiais

Primeiro fizemos 5 testes em Pingdom e fizemos a média. Como você pode ver, o tempo total de carga foi de 917 ms com 113 pedidos.

Teste de velocidade com plugin oficial Disqus

Teste de velocidade com plugin oficial Disqus

Plugin Disqus Conditional Load

Em seguida, mudamos para o plugin Disqus Conditional Load e fizemos 5 testes novamente no Pingdom. Como você pode ver nosso tempo de carga caiu para 685 ms e agora temos apenas 88 pedidos! Falar de uma grande diferença com uma pequena troca de plugins grátis. Para grandes sites de notícias usando Disqus, isso pode fazer maravilhas.

Teste de velocidade com plugin Disqus Conditional Load

Teste de velocidade com plugin Disqus Conditional Load

4. Lazy Load for Comments

Talvez não seja fã de Disqus. Definitivamente tem os seus prós e contras. Se você preferir usar os comentários nativos do WordPress, isso também tem um problema semelhante. Por defeito, carrega todos os gravatares em cada carregamento de página. A capacidade de carregar comentários preguiçosos não está incorporada no núcleo do WordPress. No entanto, uma ótima solução leve e livre que recomendamos é o plugin Lazy Load for Comments. Isto também é desenvolvido por James Joel.

Plugin Lazy Load Comments

Plugin Lazy Load Comments

Este é um plugin mais recente, e atualmente tem apenas 100 instalações ativas com uma classificação de 5 de 5 estrelas. Você pode baixar o Lazy Load for Comments do repositório WordPress ou procurando por ele em “Add New” plugins na sua área de trabalho do WordPress.

É muito simples de configurar. Simplesmente instale e sob as configurações da discussão, há duas opções. Por padrão, ele é definido como “On Scroll”, que é o que a maioria das pessoas provavelmente preferirá. Você também pode configurá-lo para “On Click” que irá criar um botão para os visitantes clicarem antes do carregamento dos comentários.

Opções de Lazy Load Comments

Opções de Lazy Load Comments

Fizemos alguns testes rápidos para que possam ver a diferença. No nosso exemplo, estamos novamente usando o mesmo post do blog com 35 comentários. Nós testamos primeiro com os comentários nativos e depois fizemos testes com o plugin Lazy Load for Comments.

Comentários nativos

Primeiro fizemos 5 testes em Pingdom e fizemos a média. Como você pode ver o tempo de carga total foi de 827 ms com 106 pedidos.

Teste de velocidade com comentários nativos do WordPress

Teste de velocidade com comentários nativos do WordPress

Plugin Lazy Load for Comments

Nós então mudamos para o plugin Lazy Load for Comments e fizemos 5 testes novamente no Pingdom. Como você pode ver nosso tempo de carga caiu para 685 ms e agora temos apenas 87 pedidos! Isto é fantástico. Um ajuste tão pequeno aos comentários nativos e instantaneamente muito mais rápido.

Teste de velocidade com Lazy Loaded Comments

Teste de velocidade com Lazy Loaded Comments

Certifique-se de verificar o nosso post sobre outras formas deacelerar os comentários do WordPress.

5. Query Strings Remover

Outro pequeno plugin é o plugin grátis Query Strings Remover. Seus arquivos CSS e JavaScript geralmente têm a versão do arquivo no final de suas URLs, como domain.com/style.css?ver=4.6. Estes são conhecidos como query strings. Alguns servidores e servidores proxy são incapazes de armazenar strings de consulta em cache, mesmo que um cabeçalho de cache-control:public esteja presente. Então, ao removê-los, você pode, às vezes, melhorar o seu cache. Isso também irá corrigir o aviso que você vê no Pingdom e no GTmetrix chamado “Remove query strings from static resources”.

Plugin Query Strings Remover

Plugin Query Strings Remover

Ao escrever isso, o plugin tem mais de 7.000 instalações ativas com uma classificação de 4,4 de 5. Você pode fazer o download do Query Strings Remover a partir do repositório WordPress ou pesquisando-o em seu painel do WordPress em “Add New” plugins.  A coisa grande sobre ele é que não há nenhuma configuração necessária. Apenas instala e estás pronto para ir. Certifique-se de limpar o cache após a instalação para ver as alterações. Você pode ver um antes e um depois abaixo.

Com Query Strings (antes do plugin)

Exemplo de cadeias de consulta

Exemplo de cadeias de consulta

Sem Cordas de Consulta (após o plugin)

Sem exemplo de cadeias de caracteres de consulta

Sem exemplo de cadeias de caracteres de consulta

Você também pode conferir nosso post detalhado sobre como remover strings de consulta de recursos estáticos sem o uso de um plugin. É também importante notar que se você estiver usando um novo provedor CDN ou web host, alguns são capazes de caching query strings, que por sua vez significa que você pode não precisar do plugin acima. Tanto a Cloudflare quanto a KeyCDN, por exemplo, podem armazenar em cache strings de consulta.

6. Disable Emojis

Quando eles lançaram o WordPress 4.2, eles adicionaram suporte para emojis no núcleo de navegadores mais antigos. O grande problema com isso é que ele gera um pedido HTTP adicional no seu site WordPress para carregar o arquivo wp-emoji-release.min.js. E isto carrega em todas as páginas. Enquanto este arquivo tem apenas 10.5 KB, coisas como estas somam-se ao longo do tempo. E para a maioria dos negócios, eles nunca vão usar emojis. A grande notícia é que existe um plugin gratuito chamado Disable Emojis, desenvolvido por Ryan Hellyer.

Plugin Disable Emojis

Plugin Disable Emojis

Este plugin é super leve, apenas 9 KB para ser exacto. Até agora, ele tem atualmente mais de 40.000 instalações ativas com uma classificação de 5 de 5 estrelas. Você pode baixá-lo do repositório do WordPress ou pesquisando-o na sua área de trabalho do WordPress em “Add New” plugins.  Emoticons e emojis ainda funcionarão em navegadores que têm suporte embutido para eles. Este plugin simplesmente remove o arquivo JavaScript extra que é usado para adicionar suporte para emojis em navegadores mais antigos. Não há nada para configurar, simplesmente instalar, ativar, e o arquivo JavaScript adicional desaparecerá.

Abaixo está um exemplo do script que será desativado no seu site WordPress.

wp-emoji-release.min.js

wp-emoji-release.min.js

Você também pode conferir nosso tutorial sobre como desativar o emojis sem o uso de um plugin.

7. Disable Embeds

Então temos embaixadas. Quando lançaram o WordPress 4.4, eles fundiram o recurso o Embed no núcleo. Já deve ter visto ou usado isto antes. Isso permite que os usuários incorporem vídeos do YouTube, tweets e muitos outros recursos em seus sites simplesmente colando uma URL, que o WordPress converte automaticamente em uma incorporação e fornece uma visualização ao vivo no editor visual.

O WordPress tem sido um consumidor oEmbed há muito tempo, mas com a atualização o próprio WordPress se tornou um provedor oEmbed. Este recurso é útil para muitas pessoas, e você pode querer mantê-lo ativado. No entanto, o que isso significa é que ele também gera uma solicitação HTTP adicional no seu site do WordPress para carregar o arquivo wp-embed.min.js. E isto carrega em todas as páginas. Enquanto este arquivo tem apenas 1.7 KB, coisas como estas somam-se ao longo do tempo. O pedido em si é, por vezes, um negócio maior do que o tamanho do download de conteúdo.

wp-embed.min.js

wp-embed.min.js

Felizmente existe um plugin gratuito chamado Disable Embeds, desenvolvido por Pascal Birchler, que é realmente um dos principais contribuintes para o WordPress.

Plugin Disable Embeds

Plugin Disable Embeds

Este plugin é super leve, apenas 3 KB para ser exacto. Até agora, ele tem atualmente mais de 10.000 instalações ativas com uma classificação de 4,8 de 5 estrelas. Você pode baixá-lo do repositório do WordPress ou pesquisando na sua área de trabalho do WordPress em “Add New” plugins. Não há nada para configurar, simplesmente instalar, ativar, e o arquivo JavaScript adicional desaparecerá. Apresenta o seguinte:

Lutando com tempo de inatividade e problemas no WordPress? Kinsta é a solução de hospedagem projetada para economizar seu tempo! Confira nossos recursos
  • Impede que outros incorporem o seu site.
  • Impede que você incorpore outros sites não listados na lista branca.
  • Desativa o arquivo JavaScript do carregamento no seu site do WordPress.

Você ainda pode incorporar coisas do YouTube e Twitter usando seus scripts de iframe incorporados. Você também pode conferir nosso tutorial sobre como desativar embutidos sem o uso de um plugin.

8. perfmatters

Há também um novo plugin no bloco chamado perfmatters, que permite que você realmente combine três dos plugins mencionados acima. Isso torna muito mais fácil quando se trata de gerenciamento e atualização. O plugin de perfmatters é realmente desenvolvido por um dos membros da equipe Kinsta!

Plugin perfmatters WordPress

Plugin perfmatters WordPress

Este é um plugin premium e permite que você implemente facilmente várias otimizações de desempenho web com um único clique. Abaixo estão apenas algumas das muitas otimizações que você pode fazer:

  • Desabilitar Emojis
  • Desabilitar Integrações
  • Remover Querystrings
  • Remover jQuery Migrar
  • Desativar e/ou limitar revisões posteriores
  • Alterar o intervalo de gravação automática
  • Desativar pingbacks e trackbacks
  • Desativar XML-RPC
  • Remover Tag Gerador WordPress
  • Remover links de RSS feed
  • Desativar WordPress Heartbeat API
  • Pré-busca de DNS
  • Desativar scripts e estilos do WooCommerce
  • Desativar fragmentos de carrinho do WooCommerce (AJAX)

Muitas dessas otimizações ajudam a reduzir as solicitações HTTP no seu site e reduzir o inchaço do banco de dados. É importante notar que ele não remove nenhum arquivo do seu site, ele simplesmente os desativa com ganchos do WordPress. Isto é completamente seguro.

Configurações dos perfmatters

Configurações dos perfmatters

E uma das características mais poderosas incluídas é o gerenciador de scripts. Isso permite que você carregue CSS e JS condicionalmente, dependendo da página que estiver visitando. É um plugin simples e leve que permite livrar-se de arquivos CSS e JS inúteis registrados por temas e plugins. Mesmo se você estiver executando sobre HTTP/2, você pode ainda raspar algum tempo de suas cargas de página.

Apenas como um rápido exemplo da funcionalidade do gerenciador de scripts, nós incendiamos nosso site de teste e instalamos os seguintes plugins, que são típicos que você pode encontrar no site ou blog de um cliente:

  • Formulário de Contato 7
  • Sistema de Comentários Disqus
  • Q2W3 Widget Fixo
  • Guerra Social
  • Tabela de Conteúdos Plus
  • TablePress

Antes dos perfmattersPlugin

Depois fizemos 5 testes em Pingdom e fizemos a média. Como você pode ver, nosso tamanho total de página é de 264,4 kB, nosso tempo de carga é de 469 ms, e temos um total de 24 pedidos.

Teste de velocidade antes do plugin de perfmatters

Teste de velocidade antes do plugin de perfmatters

Configurando o Plugin de perfmatters

Nós então configuramos o plugin de perfmatters. Para isso, basta navegar até uma página do seu site, neste caso a página inicial, e clicar em “Script Manager” na sua barra de administração do WordPress.

perfmatters em admin bar

perfmatters em admin bar

Um dos maiores problemas com um monte de plugins do WordPress é que eles carregam seus scripts em todo o seu site. Mesmo plugins populares como o Formulário de Contato 7 fazem isso. Para a maioria das pessoas, elas realmente só precisam de scripts para carregar o Formulário de Contato 7 em sua página de contato. O mesmo se aplica a plugins como Social Warfare e Disqus. Social Warfare fornece botões de mídia social, que realmente você só quer carregar nos posts do seu blog. E para Disqus, o mesmo. Com os perfmatters você pode configurá-los para carregar em certas páginas, certos posts, desabilitá-los completamente, etc. Praticamente qualquer configuração.

Neste exemplo, estamos desabilitando os seguintes 12 scripts de carregar em nossa página inicial, pois eles não são necessários. Sua home page é afinal uma das páginas mais importantes do seu site, e uma que os visitantes costumam ver primeiro. perfmatters permite desativar scripts com um clique de um botão.

/wp-content/themes/twentyseventeen/assets/js/html5.js
/wp-content/plugins/contact-form-7/includes/css/styles.css
/wp-content/plugins/table-of-contents-plus/screen.min.css
/wp-content/plugins/social-warfare/css/style.min.css
/wp-content/plugins/tablepress/css/default.min.css
/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js
/wp-content/plugins/contact-form-7/includes/js/scripts.js
/wp-content/plugins/table-of-contents-plus/front.min.js
/wp-content/plugins/social-warfare/js/script.min.js
/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js
/wp-content/plugins/disqus-comment-system/media/js/count.js
/wp-includes/js/wp-embed.min.js
Desativar scripts com plugin de perfmatters

Desativar scripts com plugin de perfmatters

Depois do Plugin de perfumaria

Fizemos então 5 testes novamente em Pingdom e fizemos a média. Como você pode ver, nosso tamanho total de página agora é de 231,7 kB, nosso tempo de carga é de 424 ms, e temos um total de 12 pedidos. Nós literalmente cortamos nosso total de pedidos ao meio com este plugin! E não há nenhuma concatenação sendo feita, o que significa que isso está completamente dentro das melhores práticas para uma melhor performance HTTP/2. Utiliza ganchos nativos do WordPress, que é como deve ser feito.

Teste de velocidade após o plugin do perfmatters

Teste de velocidade após o plugin do perfmatters

Agora, é claro, isto é apenas um exemplo num pequeno site. Em sites muito maiores você pode desativar certos scripts do WooCommerce que não são necessários, scripts EDD, todos os tipos de coisas. Deves ter a ideia de como isto é poderoso. Geralmente, se algo não está sendo usado ou necessário, é melhor não carregá-lo para o usuário. Isto garante os melhores tempos de carga possíveis. E para aqueles que ainda não estão rodando em servidores suportados por HTTP/2, você verá ganhos de velocidade ainda maiores com este plugin. Outra alternativa livre que você pode tentar, que é muito semelhante, é o Plugin Organizer plugin.

Recursos adicionais sobre como acelerar o WordPress

Além de todos os plugins de grande desempenho mencionados acima, aqui estão alguns recursos adicionais para ajudá-lo a acelerar ainda mais o seu site.

Resumo

Como você pode ver, muitos desses plugins de desempenho do WordPress acima são apenas pequenos pequenos ajustes. Mas se você começar a implementar tudo isso, eles podem definitivamente adicionar até um site mais rápido.

Não precisa de comentários? Então você pode simplesmente desativar os comentários no WordPress.

Perdemos algum outro plugin de bom desempenho? Se sim, avise-nos abaixo. (Nós não incluímos P3 Profiler neste post porque ele mostrou problemas de desempenho)


Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbine seu site e obtenha suporte 24/7 de nossa experiente equipe de WordPress. Nossa infraestrutura baseada no Google Cloud se concentra em escalabilidade automática, desempenho e segurança. Deixe-nos mostrar-lhe a diferença Kinsta! Confira nossos planos