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 os sites de nossos clientes com o Kinsta APM 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.
7 Plugins de desempenho WordPress
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.
- Query Monitor
- Complete Analytics Optimization Suite
- Disqus Conditional Load
- Lazy Load for Comments
- Disable Emojis
- Disable Embeds
- perfmatters
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.
O plugin foi desenvolvido por John Blackbourn, um committer do WordPress que é atualmente um desenvolvedor da Human Made e foi anteriormente empregado pelo WordPress 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.
Aqui está um exemplo do painel WordPress de um site maior. Podemos ver instantaneamente que o plugin Pretty Link é o mais pesado.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Certifique-se de verificar o nosso post sobre outras formas deacelerar os comentários do WordPress.
5. 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.
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.
Você também pode conferir nosso tutorial sobre como desativar o emojis sem o uso de um plugin.
6. 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. Se você tiver o Facebook incorporado em seu site, verifique como a nova atualização do Facebook pode afetá-lo, e como você pode corrigi-lo.
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.
Felizmente existe um plugin gratuito chamado Disable Embeds, desenvolvido por Pascal Birchler, que é realmente um dos principais contribuintes para o WordPress.
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:
- 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.
7. 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!
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
- Remova as strings de consulta
- 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.
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.
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.
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
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.
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)
Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.
Deixe um comentário