Guia total para otimização de velocidade do WordPress

Imagine que você está tendo uma grande reunião e sua equipe está ensaiando o mês todo. Depois de todos esses preparativos, um colega de equipe designado para trazer o laptop que você precisa para a apresentação está correndo atrás. E, o colega de equipe aparece dez minutos depois do programado, e seu cliente em potencial está cansado de esperar.

Bem, isso soa muito deletério e não vai bem com o cliente. Agora, você pode imaginar como seus visitantes se sentem quando precisam sentar e esperar que seu site seja carregado em seu navegador. O que você acha que eles farão se alguma página da web demorar mais de dez segundos para carregar? Ou até seis? Quatro?

Não é nenhum grande segredo que a velocidade de um site é importante. Ninguém quer um site com carregamento lento – especialmente o Google. Portanto, a menos que você queira criar uma experiência de usuário ruim e diminuir suas chances de classificação no Google, é hora de fazer algo com o WordPress Speed ​​Optimization.

Com quase 40,0% da web alimentada pelo WordPress, existem cem mil plugins, temas e outras tecnologias que precisam coexistir para otimizar o WordPress para velocidade. Um usuário comum do WordPress pode achar isso um pesadelo quando seu site está configurado para um gargalo, e eles nem sabem o porquê.

Aqui, compartilharemos absolutamente tudo o que há para saber sobre otimização de velocidade do WordPress para que você possa começar a acelerar seu site hoje. Felizmente, podemos orientar a otimização de desempenho do WordPress sem ficar muito técnico ou “baseado em código”. Na verdade, fazemos esforços para evitar exemplos de código aqui.

Então você está pronto? Vamos começar.

i) O que retarda o seu site WordPress?

Em primeiro lugar, vejamos alguns culpados significativos que tendem a tornar seu site lento. Estas são as seções onde você deve centrar seu foco.

uma. Imagens

O tamanho estranho da imagem mata a velocidade do site.

b. Vídeos

Recursos do WordPress, como planos de fundo de vídeo, são legais, mas também são um fator de desempenho real para a velocidade do site.

c. Plug-ins do WordPress

Os plugins do WordPress são definitivamente grandes salva-vidas, mas “qual” e “quantos” farão a diferença.

d. Temas do WordPress

A mesma regra se aplica aos temas. Um bom web design WordPress é um must-have. No entanto, um tema mal codificado tem muitos arquivos e scripts para causar problemas.

e. Scripts

Qualquer coisa com quantidades excessivas de JavaScript, jQuery ou outros scripts de terceiros pode deixar suas páginas da web mais lentas.

f. API

APIs definitivamente ajudam no gerenciamento de conteúdo. Mas se os servidores ao qual seu site está conectado forem lentos, para começar, a resposta do site será lenta.

g. Desleixo

O desleixo pode acontecer em sua pasta de mídia, plugins, conteúdo do seu blog ou banco de dados.

h. Links quebrados

Um ou dois links quebrados não é terrível. Mas um site cheio de links quebrados pode prejudicar a experiência do usuário e diminuir a velocidade à medida que seu servidor continua trabalhando nessa conexão quebrada.

eu. Redirecionamento

Novamente, o redirecionamento impede que os visitantes encontrem os links quebrados/URLs antigos, mas ter muitos deles é uma carga de trabalho para o servidor.

Antes de começarmos…

ii) Backup, preparação e teste

A melhor estratégia para fazer backup do site WordPress é criar um novo subdomínio (como testing.domain.com) e fazer todo o trabalho de otimização nele. A maioria dos provedores de serviços de hospedagem, como WPEngine, Siteground, Kinsta e outras empresas populares, fornecem teste com um clique. Se sua empresa de hospedagem não fornecer a criação de sites de teste, você poderá usar os plug-ins de backup gratuitos ou premium para obter o backup. Quando estiver satisfeito com os resultados em seu site de teste, você poderá incorporar suas alterações fundamentais em seu site ao vivo. Agora, seu site está otimizado para velocidade sem problemas.

Outra técnica que você pode adotar é construir um tema filho. O uso de um tema filho garante que as alterações feitas em seus arquivos de tema não sejam substituídas em seu tema pai.

Por fim, teste sua velocidade atual com o uso desses sites de teste de velocidade do WordPress.

• Velocidade da página do Google
• GTmetrix
• Pingdom

Agora, vamos começar as etapas para a otimização de desempenho do WordPress.

1. Escolha um provedor de hospedagem na web de alto desempenho

Vamos começar com uma empresa de hospedagem que possui as seguintes características:

• Um que é especializado em hospedagem WordPress - eles entendem os problemas inerentes de desempenho associados ao CMS
• Oferece algumas opções de hospedagem gerenciada
• Utiliza as tecnologias mais recentes e rápidas
• Inclui cache e um CDN
• E um ótimo suporte ao cliente não faria mal

Mas como podemos escolher o melhor?

A maneira mais fácil de medir a qualidade da hospedagem é verificar o TTFB. O tempo até o primeiro byte denota o tempo de resposta do servidor, que basicamente representa a velocidade do servidor. Você pode usar o ByteCheck para testes TTFB gratuitos. WPengine, Kinsta, SiteGround, Bluehost, HostGator, etc., são alguns provedores de hospedagem de sites confiáveis.

2. Use o cache

O cache de sites é a técnica em que uma versão HTML estática de sua página da Web é armazenada e posteriormente reutilizada quando os visitantes chegam a um site. Dessa forma, o navegador já teria as informações necessárias sobre o site, tornando o WordPress mais rápido.

Especialmente para o site estático que não é atualizado com frequência, o uso do plug-in de cache seria de grande benefício. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache, etc., são os melhores do mercado.

Esses plugins reduzem o tempo de carregamento em seu servidor e lidam com outras tarefas de otimização de velocidade, como:

• O navegador e o cache em nível de página
• Compressão de arquivo Gzip
• Combine arquivos CSS e JavaScript
• Minificação de CSS, HTML e JavaScript
• Integração CDN

Se o seu provedor de hospedagem já vem com um sistema de cache, adicionar um plugin extra será desnecessário.

3. Escolha seus plugins e temas com sabedoria

Você está ciente da tensão que um tema e um plugin podem colocar em seu servidor? É por isso que você precisa ser exigente quanto ao uso de temas e plugins do WordPress.

uma. Tema WordPress certo

Um tema mal codificado e não atualizado adiciona scripts inúteis às páginas, o que leva a uma experiência de carregamento de página ruim. Portanto, defina sua escolha para problemas de controle de qualidade antes de instalá-lo em seu site. Infelizmente, a maioria dos temas gratuitos do WordPress no mercado têm um bom design e estão cheios de mais recursos, mas ignoram o desempenho.

Nosso bom tema vem com um conjunto de recursos de desempenho dedicados e elimina a necessidade de plugins adicionais de terceiros.

b. Use apenas o plugin mais necessário

Ao escolher plugins do WordPress, lembre-se das seguintes dicas:

• Saber se o plugin é necessário ou alguns recursos do WordPress/codificação simples estão disponíveis como um complemento ao plugin.
• Revise cada plug-in junto com os problemas observados no desempenho – nunca instale algo que tenha um histórico questionável.
• Procure plugins com vários recursos e funcionalidades para que você possa usar apenas um em vez de tantos
• Atualizar os temas e plugins é uma obrigação para manter seu site seguro e rápido. Mas, ao mesmo tempo, algumas das atualizações podem tornar os temas/plugins e o WordPress incompatíveis. Portanto, instale apenas se a atualização for útil.

c. Repensando o uso do plug-in

Sim, o uso de muitos plugins do WordPress de alguma forma diminuirá a velocidade do seu site. Mas o número de plugins não é tão vital quanto a qualidade dos plugins que você usa. O que realmente importa é como esse plugin específico foi desenvolvido – ele foi construído com o desempenho em mente? Ou seja, você também pode querer olhar para alguns de seus plugins antigos e substituí-los pelos novos e leves.

4. Use PHP 7 e superior

Você já ouviu falar de versões do PHP? Você deve ter. PHP é uma linguagem de script de código aberto do lado do servidor. A maioria dos seus temas e plugins, juntamente com o software principal do WordPress, são fundamentalmente escritos em PHP.

Primeiro, certifique-se de que seu host WordPress esteja usando pelo menos PHP 7 ou superior. De acordo com os dados, apenas 6,8% do total de sites WordPress usam PHP 7.3, mas outros 28,6% ainda usam PHP 5.6 (lançado em 2014).

E se alguém lhe desse um telefone que foi lançado em 2014? Teria uma resposta lenta e lenta para deixá-lo louco.

É exatamente assim que seus visitantes se sentirão com o PHP 5.6.

5. Use SSL/HTTPS

O certificado SSL não atinge diretamente a velocidade do WordPress, mas ainda é altamente recomendável que você obtenha um. Em primeiro lugar, e mais importante, o Google confirma que o uso adequado de HTTPS/SSL leva você a melhores classificações.

Além disso, como os sites com certificação SSL são apresentados com um pequeno cadeado verde localizado sobre a barra de endereços, eles aumentam a confiança dos clientes.

A outra razão é a segurança. Ter um certificado SSL em seu site criptografará a transferência de dados/informações de e para seu site, tornando seu site mais seguro.

6. Otimização de imagem

Ter imagens em seu site é sempre uma coisa boa. Mas o tipo errado pode ser o maior desastre para o seu site. Uma maneira rápida de acelerar seu site é otimizar as imagens.

Você sabe como a otimização de imagens pode deixar seu site mais rápido? Ele pode reduzir o uso de largura de banda do seu site, abrir rapidamente para manter os usuários engajados e não dar aos mecanismos de pesquisa do Google mais um motivo para odiar seu site.

Existem diferentes maneiras de otimizar uma imagem. Vamos aprender tudo sobre eles aqui.

uma. Escolhendo o formato de imagem correto

Os formatos de imagem mais usados ​​para esta década são JPG, PNG, SVG e GIF. O GIF é principalmente para as imagens animadas e o JPG e PNG para a imagem estática. Entre esses dois, o formato JPG (ou JPEG) é ideal para exibir imagens multicoloridas. O formato SVG é usado explicitamente para os logotipos. PNGs são usados ​​apenas nos casos em que o SVG é impossível, e a transparência de uma imagem deve ser preservada, então um JPG também sai da opção.

Mas com tantos aplicativos de edição na internet, você não deve ficar confuso sobre qual formato de imagem escolher. Uma dessas ferramentas é o XnConvert. Você pode simplesmente arrastar e soltar sua imagem aqui e salvá-la no formato de menor tamanho. Você também pode usar o XnConvert para redimensionar, cortar, alterar formatos de imagem e muito mais em lotes de cem.

b. Usar compactação de imagem

Agora você salvou o arquivo nos formatos JPG e PNG; é hora de compactar o arquivo.

O que é isso?

Quando você tira uma imagem pela primeira vez, ela é considerada com 100% de qualidade. Você pode diminuir a qualidade da imagem (comprimi-la) para um tamanho menor. Você pode compactar o arquivo de imagem JPG para 85-90% sem nenhuma alteração.

Você pode converter as imagens manualmente antes de carregá-las ou apenas usar um plugin. Existem muitos plugins conhecidos para compactar imagens no WordPress. ShortPixel Image Optimizer, reSmush.it, otimizador de imagem EWWW e compressor WP são alguns benéficos.

Mas, a otimização de imagem incorreta também prejudica o desempenho do seu site. Algumas das melhores técnicas de otimização de imagem são a otimização de imagem baseada em servidor e a otimização de imagens localmente antes de carregá-las.

Como alternativa, pode-se usar o plugin LiteSpeed ​​que é basicamente um plugin de cache que também permite a compactação de imagens usando o addon Google Pagespeed. Como o LiteSpeed ​​comprime todas as imagens em seu servidor, o tempo de resposta do seu servidor não afetará a operação. Mas você precisa comprimi-los em lotes.

c. Especifique as dimensões da imagem

A especificação das dimensões da imagem está relacionada principalmente à experiência do usuário. Vamos aprender como.

Quando a página carrega o texto primeiro, o tamanho da imagem também é determinado conforme o layout da página é definido. Mas depois que as imagens são baixadas simultaneamente, o navegador encontra diferentes dimensões de imagem e ajusta automaticamente o layout da página. Basicamente, para cada carregamento de imagem subsequente após algum tempo, o navegador precisa recriar o layout da página. Com essas alterações, o visitante não consegue ler o texto quando a página continua mudando.

Especificar as dimensões da imagem com antecedência evita esse incômodo.

d. Exiba imagens em escala

Isso deve ser feito se o seu tema não estiver otimizado para lidar com imagens. Idealmente, você pode simplesmente alterar um tema que está usando para aquele com otimização de imagem. Ou você também pode usar plugins como Force Regenerate Thumbnails ou Regenerate Thumbnails para criar suas miniaturas. Basta definir os tamanhos corretos para as miniaturas antes de usar esses plugins.

7. Otimização do Gravatar

O avatar global permite que você, assim como os comentaristas do seu site, obtenha fotos em seu perfil. Sem dúvida, usar um Gravatar tem enormes vantagens, mas a desvantagem mais significativa é trazida pelo tempo de carregamento lento. Para completar, o Gravatar também incorpora vários redirecionamentos para deixar seu site ainda mais lento.

Você pode evitar o inchaço introduzido pelo Gravatar das seguintes maneiras:

• Desative o Gravatar em seus sites
• Excluir comentários excessivos e spam das postagens
• Adicione reCAPTCHA em seu formulário de comentários
• Configure a configuração do WordPress para exibir apenas alguns comentários por vez
• E por último, use o plugin de cache para Gravatar

8. Carregamento lento para vídeos e imagens

O carregamento lento de imagens é uma opção de otimização eficaz e fácil para melhorar significativamente os tempos de carregamento do seu site. Sem carregamento lento, todos os arquivos de mídia, como imagens e vídeos, são carregados antes mesmo de rolarem para essa seção. Isso obviamente torna seu site mais lento, especialmente quando você tem muitas imagens/vídeos em seus sites. O carregamento lento carrega imagens e outros ativos pesados ​​somente depois que o visitante rola até a seção em uma página da Web em que eles aparecem. Quando bem feito, o Lazy Load pode aumentar consideravelmente a velocidade do site.

Vamos aprender a usar o Lazy Load

1. Primeiro, obtenha o plugin de carregamento lento do diretório WordPress e instale-o
2. Vá para as configurações do plugin e configure-o

Lembre-se de que o carregamento lento vem com uma técnica complexa. Se não for configurado corretamente, pode atrapalhar todo o seu site.

9. Disqus de carregamento lento

Talvez seja hora de substituir o sistema clássico de comentários do WordPress por um Disqus. Embora sua funcionalidade avançada e altamente eficaz de prevenção e moderação de spam valha muitos elogios, ela vem com um custo, ou seja, tempo de carregamento.

Sempre que um Disqus é carregado em seu site, ele faz com que dez solicitações adicionais tornem seu site lento. Felizmente, existe um plugin como o Disqus Conditional Load que causa o carregamento lento do próprio Disqus. Essa carga condicional do Disqus carrega o comentário somente quando o visitante rola até o final da página.

10. Limite de revisões de postagens

Por padrão, o WordPress é projetado para salvar todas as revisões do post, mesmo quando você faz a menor alteração. Assim, para o post frequentemente editado/atualizado, dezenas de cópias do mesmo post são feitas para preencher seu banco de dados.

Para evitar isso, você pode limitar o número de revisões/atualizações salvas no WordPress. Normalmente, 3 a 5 devem ser suficientes. Você pode fazer isso colocando um código simples no arquivo wp-config.php .

 define ('WP_POST_REVISIONS', 3);

Você pode modificar o número no código para ajustar o número de revisões necessárias.

Mas este código só funcionará para o novo post. Para remover as revisões das postagens mais antigas, você pode usar plugins de limpeza de banco de dados, como WP-Optimize e Advanced Database Cleaner. Depois de usar os plugins, você pode simplesmente excluir o plugin.

11. Limite os spiders e crawlers

Aranhas e rastreadores da web estão sempre procurando o recurso em seu site. Além de aranhas úteis do mecanismo de pesquisa, outros bots, como spambots, raspadores, raspadores de e-mail, rastreiam seu site com frequência. Eles não apenas roubam as informações do seu site, mas o servidor precisa gastar recursos para atendê-los.

Portanto, é aconselhável gerenciar as atividades de bot em seu site para verificar esse rastreamento inútil seguindo as maneiras.

1. Você pode usar o arquivo .htaccess para bloquear os bots ruins conhecidos.
2. Você pode bloquear os bots do seu site quando esses bots forem vistos recentemente no mercado.
3. Pode-se usar o plug-in de segurança WordFence para estrangular os bots e bloquear endereços IP manualmente.

12. Uso de botões de compartilhamento de mídia social gratuitos de JavaScript

Sim, precisaremos dos belos botões de compartilhamento social para incentivar nossos visitantes. Mas os botões de compartilhamento social feitos principalmente em JavaScript são pesados. Eles rastreiam os usuários pela Web e demoram muito para carregar.
Portanto, ajudaria se você usasse botões de compartilhamento social livres de JavaScript. Para isso, remova os botões existentes e use um serviço como o sharingbuttons.io.

13. Bônus

E se você ainda não estiver satisfeito com o resultado, pode seguir mais alguns truques. Esses truques são principalmente para programadores profissionais. Vamos listá-los.

• Desabilitar Emojis e Incorporações
• Remover strings de consulta
• Remova a tag de link curto
• Remover links da API REST
• Desativar o Google Maps
• Desativar folhas de estilo/widgets do WooCommerce
• Evite fontes do Google/fontes do servidor localmente
• Otimizar ícones impressionantes de fontes
• Desabilitar XML-RPC
• Ocultar a versão do WordPress
• Remover etiqueta de link RSD
• Concatenar CSS e Javascript

iii) Diferentes Problemas, Diferentes Soluções

Conhecer a vantagem da otimização de velocidade do site e sua técnica é um bom começo. Mas você não precisa aplicar todas essas técnicas ao seu site. O que queremos dizer é que, como não existem duas empresas iguais ou dois sites iguais, o primeiro passo é compreender a natureza/tipo de site WordPress que você possui.

Portanto, se você tiver um site estático, não atualizará o conteúdo do seu site regularmente; talvez você faça apenas algumas poucas vezes por mês. Site estático inclui sites de negócios locais, blogs, fotografia, individual, etc. Ter um site assim indica menos bancos de dados e, portanto, você não precisará de vários recursos para obter um bom desempenho.

Por outro lado, tendo um site extremamente vibrante, como comércio eletrônico, fóruns online, etc, os dados do site WordPress mudam frequentemente (a cada minuto ou mesmo a cada segundo). Nesse caso, há a necessidade de fontes de servidor adicionadas, bem como consultas de banco de dados.

E depois há outros tipos de sites, de passagem e de consumo. Se o site for principalmente informativo, o visitante pode ficar por 5 ou 10 minutos e localizar quando precisa sair. Por outro lado, os sites consumidores mantêm seus visitantes por horas – por exemplo, um site de curso de treinamento online. Os visitantes simultâneos desses sites vêm para as sessões simultâneas.

você pode ver onde isso vai dar? Os visitantes simultâneos precisam acumular rapidamente as informações da sessão anterior. Ter muitos visitantes simultâneos do site junto com o problema de “conteúdo da web não cacheável” torna isso um pesadelo.

Basicamente, você não pode lidar com todos os seus sites WordPress da mesma maneira - uma decisão bem informada deve ser tomada.

Conclusão

Sem dúvida, há mais do que uma abundância de tutoriais que cobrem diferentes maneiras de otimizar o WordPress para velocidade. Mas pode ser confuso encontrar tudo em um só lugar. Espero que este tenha sido útil para você, pois listamos todas as técnicas que você pode seguir para fazer seu site carregar rapidamente. Além disso, se você deseja obter ajuda de um especialista, pode encontrar nosso WordPress Expert certificado em Codeable ou enviar um formulário de solicitação de personalização para entrar em contato conosco.

Muitas felicidades!!