Melhore a velocidade das páginas do seu site WordPress – Saiba como

 

Melhorar o PageSpeed ​​em seu site WordPress pode ser uma tarefa desafiadora, mas é possível.

Neste post, vamos mostrar a você cada passo para alcançar seu objetivo Core Web Vitals.

Todas essas etapas não custarão um centavo e podem ser implementadas por qualquer um. Portanto, você também pode fazer isso.

Aqui está o nosso conhecimento adquirido para ajudar aqueles que são obcecados por velocidade.

 

Ferramentas SiteSpeed:

A primeira coisa que você precisa é conhecer as ferramentas que você pode usar para testar seu site.

O mais óbvio é o Farol do Google. O Lighthouse está disponível no Chrome Devtools .

Para abrir o Lighthouse, abra o console do desenvolvedor no Google Chrome com  Option + + J  (no macOS) ou  Shift + CTRL + J  (no Windows / Linux).

Certifique-se de que você está no modo de navegação anônima.

As ferramentas adicionais que você pode usar com o Lighthouse são:

  • Teste de Velocidade Pingdom
  • Relatório de cobertura do Chrome

 

Velocidade de página: um compromisso de esforço importante:

Não existe uma solução única para melhorar a velocidade do seu site, especialmente no WordPress.

O WordPress vem com muitos problemas, e os temas do WordPress também trazem muitos problemas. Alguns dirão que é melhor codificar seu próprio site, e eles podem estar certos.

Mas, aqui o objetivo é otimizar seu site WordPress. Não comece do zero.

É preciso muito esforço para atingir seu objetivo , portanto é necessário alguns sacrifícios.

 

Diretrizes básicas:

  • Compre um tema leve, mais recursos = mais desafios.
  • Mantenha o número de plug-ins no mínimo
  • Reduza e comprima suas imagens

 

Sites estáticos – a melhor alternativa ao WordPress:

Antes de começarmos, vamos falar sobre uma alternativa quanto ao WordPress: sites estáticos.

O WordPress é fantástico por muitos motivos, mas a velocidade não é um deles. No entanto, é possível fazer isso rápido, mas exige muito esforço.

A solução mais simples para ter uma ótima velocidade de site é não usar o WordPress em primeiro lugar.

Em vez disso, crie seu blog em um site estático usando Hugo e Netlify.

 

O site estático mostra HTML estático, eliminando a necessidade de solicitações do servidor, tornando seu site muito mais rápido e seguro.

Netlify

 

Hugo

Etapas para melhorar o PageSpeed ​​no WordPress:

Aqui estão as etapas que você deve usar para atingir uma velocidade de paginação decente no seu site WordPress.

  1. Tenha um provedor de hospedagem decente (host: GreenGeeks)
  2. Compre o tema WordPress mais rápido possível (tema: Dabba)
  3. Comprimir todas as imagens e usar a Webpversão quando possível (plugin: Imagify)
  4. Use o plugin de cache mais recomendado . (plugin: LiteSpeed ​​Cache)
  5. Limpe ativos não utilizados (plugin: Limpeza de ativos)
  6. Configure o Cloudflare CDN(plugin: Cloudflare )
  7. Configurar  Cloudflare Worker (plugin: Cloudflare Page Cache)

 

Otimizar imagens:

Esta é uma das coisas mais fáceis de consertar.

  • Faça upload de imagens menores
  • Otimize as imagens com Imagify

Black retoucher artist analysing images on pc with two monitors

Certifique-se de nunca enviar uma imagem com mais de 1000 px – 1000 px. Tente não fazer upload de imagens acima de 750px.

Em seguida, instale o plugin Imagify .

Este plugin irá:

  • Criar imagens para o webp
  • Redimensionar imagens que são muito grandes para suas configurações.
  • Criar miniaturas para dispositivos menores

 

Instale um plug-in de cache do navegador:

Nesta etapa, você encontrará  alguns desafios. Comece com o plugin mais recomendado que era W3TotalCache (Bluehost recomenda), caso não tenha sucesso o mais indicado a se fazer é buscar a resposta no site do seu provedor de hospedagem.

 

Limpar ativos não utilizados:

Esta etapa é uma das mais importantes. Removendo do seu site o que você não precisa.

WordPress, dependências e plug-ins podem adicionar muito código não utilizado às suas páginas.

A limpeza de ativos permite que você selecione o que deseja manter e remover.

 

Configurar Cloudflare CDN:

Sem o Cloudflare CDN , você não alcançará seu objetivo. Felizmente, o Cloudflare oferece uma opção gratuita para pequenos proprietários de sites.

O Cloudflare CDN entrega conteúdo ao usuário a partir de um servidor mais próximo a ele.  Ex: Enquanto seus servidores host estão no Canadá, usuários na Austrália leem seu blog de um servidor em Sydney.

 

Você precisará configurar uma regra de página para Cache Everything.

Para saber mais sobre o CDN, leia a bíblia de Koray Tuğberk GÜBÜR: O que é Content Delivery Network (CDN) e sua importância?

 

Configurar um Cloudflare Worker:

A última, mas não menos importante das etapas, foi criar um trabalhador de cache no Cloudflare.

 

Essa etapa ajuda a obter ótimos resultados na velocidade de paginação, mas tem algumas desvantagens.

Elementos interativos como comentários não serão atualizados.

Também existe uma armadilha na versão gratuita. Ao atingir 100 mil solicitações, o site é bloqueado. Você pode obter solicitações de 10 milhões por 5 $ / mês.

 

Conclusão

Adoraríamos saber se você conseguiu implementar essas etapas.

Compartilhe quaisquer ideias adicionais que eu possa ajudar mais pessoas.

Fonte: https://www.jcchouinard.com/pagespeed/