10 dicas para melhorar a velocidade do site WordPress

Publicados: 2018-04-01

Velocidade do site WordPress

Velocidade do site – É um dos principais fatores que a maioria dos desenvolvedores e SEOs desejam melhorar. Nesta semana, o Google anunciou que a velocidade de carregamento da página da Web seria um grande fator de classificação em seu novo Mobile First Index.

De acordo com este artigo, a velocidade de carregamento da página da Web é um contribuinte direto para o abandono da página com 25% de abandono após apenas 4 segundos, observável através do Google Analytics. A velocidade de carregamento da página também tem um efeito negativo ao considerar os usuários de dispositivos móveis, de acordo com o DoubleClick by Google, 53% dos usuários de dispositivos móveis abandonam uma página após 4 segundos.

Então, esta semana, decidimos detalhar algumas dicas e métodos para melhorar a velocidade do seu site WordPress.

1. Executar testes

Antes de começar a otimizar seu site para aumentar a velocidade, é uma boa ideia executar testes para ver o desempenho do site atualmente, para fornecer um bom indicador do nível de melhorias que você precisará.

O PageSpeed ​​Insights do Google Developers dá ao site uma pontuação de otimização de 100 para computadores e dispositivos móveis. Essa é uma ótima maneira de ver o desempenho da velocidade do seu site e também fornece trechos de informações sobre onde as melhorias precisam ser feitas.

Insights de velocidade da página

Outro teste que você pode considerar executar é o WebPageTest. Este teste fornece uma quantidade enorme de detalhes sobre como seu site é carregado, incluindo o tempo para o primeiro byte e mostrará exatamente quanto tempo leva para carregar recursos específicos.

Velocidade do site de teste da página da Web

2. Minimizar e combinar (HTML, CSS e JavaScript)

Depois de obter os resultados do seu WebPageTest, você pode ver o número de solicitações feitas pelo seu site para usar páginas de recursos adicionais, como páginas HTML, CSS e JavaScript.

O objetivo aqui é tentar reduzir esse número o máximo possível, tornando esses arquivos menores e combinando-os para diminuir esse número.

Esse processo é especialmente importante se você estiver usando um construtor de páginas como Divi ou Elementor, às vezes esses construtores podem deixar trechos de código inútil, espaço em branco e formatação desnecessária em seus arquivos.

Uma maneira simples de fazer isso é instalando plugins como o WP Fastest Cache. Nas configurações de plugins desse tipo, você deseja selecionar as opções de redução e combinação.

reduzir a velocidade da página da web html css

3. Minimize o tempo para o primeiro byte

O tempo para o primeiro byte ou TTFB é essencialmente uma medida de quanto tempo um servidor leva para receber sua solicitação e enviar de volta o primeiro byte de informações ao seu navegador.

Ferramentas do desenvolvedor ou DevTools, são um conjunto de ferramentas de criação e depuração da Web incorporadas ao Google Chrome. As DevTools fornecem aos desenvolvedores da web acesso profundo às partes internas do navegador e seu aplicativo da web.

Se você usa as Ferramentas do desenvolvedor, é importante lembrar que o tempo de resposta pode ser afetado pela sua conexão com a Internet. Portanto, quanto mais lenta for sua própria conexão, mais lenta será a resposta do servidor.

Se o seu TTFB estiver abaixo de 200ms, tudo está bem no mundo. Caso contrário, pode haver alguns problemas diferentes a serem resolvidos para reduzir esse tempo.

A criação de conteúdo dinâmico e a configuração do servidor são dois fatores controláveis ​​ao tentar reduzir seu TTFB. Com o WordPress, suas páginas são provavelmente dinâmicas. Isso significa que eles precisam interagir com um banco de dados para serem “construídos” a partir de diferentes arquivos com PHP antes de receberem ping de volta.

Reduzir o tempo de resposta do servidor e habilitar o cache são duas correções para esses problemas que abordaremos mais adiante neste artigo.

4. Reduza o tempo de resposta do servidor

Um dos maiores fatores de quão rápido sua página carrega é a quantidade de tempo que sua pesquisa de DNS leva.

Um sistema de nomes de domínio (DNS), é um servidor com um banco de dados de endereços IP e seus nomes de host associados. Quando um usuário digita um URL em seu navegador, um servidor DNS é o que traduz esse URL no endereço IP que indica sua localização online.

Se você estiver usando um provedor de DNS lento, isso aumenta o tempo que leva para os navegadores localizarem seu site. Mudar para um provedor de DNS mais rápido pode acelerar o processo.

Se você não tiver certeza de quem é seu provedor de DNS atual, poderá descobrir com a Ferramenta de pesquisa de DNS do MX Toolbox

5. Escolha a opção de hospedagem certa

Alguns pacotes de provedores de hospedagem são limitados em termos de velocidade, é melhor verificar se o seu provedor de hospedagem é capaz ou limitando sua assinatura atual.

Se você achar que o host não está fornecendo um serviço rápido o suficiente, pode ser interessante contatá-los, informá-los disso antes de mudar de serviço, pois às vezes isso pode levar a meses gratuitos ou a um serviço mais barato do mesmo provedor de hospedagem.

Você pode testar a velocidade e obter uma classificação do desempenho do seu provedor de hospedagem atual com o Bitcatcha.

6. Ative o cache do navegador

Quando você visita um site, os elementos da página que você visita são armazenados em seu disco rígido em um cache ou armazenamento temporário que permite que seu navegador carregue a página do armazenamento local em vez de enviar outra solicitação aos servidores para carregar o site.

Uma maneira fácil de habilitar o cache do navegador é usar um plugin como o WP Fastest Cache. Siga estas etapas para habilitar o cache do navegador:

  • Baixe e instale o plug-in do WordPress 'WP Fastest Cache'.
  • Navegue até as configurações do plug-in WP Fastest Cache.
  • Clique na caixa de seleção Cache do navegador e clique no botão Enviar.
  • Uma massagem será exibida "As opções foram salvas" depois disso.

Ativar cache

No WP Fastest Cache, a opção do sistema de cache, uma vez habilitada, cria arquivos html estáticos a partir dos arquivos de banco de dados php e mysql que seu site WordPress dinâmico consiste.

Se houver um grande número de visitantes no site, o sistema precisa usar muita memória RAM e CPU para renderizar a página, o que pode causar velocidades de carregamento lentas para muitos usuários.

Com o Sistema de Cache habilitado, o servidor não precisa mais chamar os arquivos php e mysql e depende do arquivo html estático.

Quando isso for concluído, você deverá notar melhorias de velocidade observáveis ​​na velocidade do site quase que instantaneamente.

7. Tamanho da imagem

O tamanho dos arquivos de imagem contidos em seu site é um grande fator a ser considerado ao tentar aumentar a velocidade da página. Imagens de alta resolução podem aumentar o tamanho geral das páginas da Web e, por sua vez, diminuir a velocidade do site.

O tamanho de imagem recomendado é inferior a 100 KB ou 0,1 MB, portanto, a imagem é carregada rapidamente, o que significa que qualquer imagem acima desse tamanho precisará ser compactada para menos de 100 KB.

Você pode fazer isso facilmente através do uso de alguns plugins ou sites, que permitem a compactação de imagens, mas pode ser interessante aprender como fazer isso usando o Photoshop, pois é melhor ter imagens compactadas antes de fazer upload ou criar seu site.

Se você não tem conhecimento de photoshop, eu recomendo usar os serviços de compressão online CompressJPEG ou CompressPNG.

8. Ative a compactação

Quanto menores seus arquivos, mais rápido suas páginas serão carregadas. A compactação de arquivos é uma das maneiras mais fáceis de reduzir os tempos de carregamento e, hoje, habilitar a compactação com Gzip é considerada uma prática padrão.

O WordPress Fastest Cache também permite a compactação GZIP, novamente semelhante a habilitar o cache do navegador, uma vez que essa opção estiver habilitada, você verá uma melhoria notável na velocidade do site.

Se você não tiver certeza se o seu site tem Gzip ativado, você pode usar Check GZIP Compression. Basta digitar o URL do seu site e, se você tiver o Gzip ativado, verá algo assim:

Verifique a compactação GZIP

9. Use plataformas de hospedagem externas

Usar uma plataforma de hospedagem externa para hospedar arquivos maiores fora do local é outro método a ser explorado, pois os arquivos de vídeo podem ter um tamanho substancial e ter um efeito importante na velocidade do seu site.

Em vez de enviar vídeos diretamente para seu site, tente usar plataformas de hospedagem externas, como YouTube ou Vimeo, e use seu código html para incorporar o vídeo em seu site. Esse método economiza muito espaço e permite alta resolução em vez de arquivos de vídeo compactados.

10. Use um CDN

Quando você faz uma solicitação para um servidor abrir um site, sua solicitação viaja pela Internet para onde o servidor que está hospedando o site está localizado, o que instrui o servidor a enviar de volta as informações solicitadas.

Durante os horários de pico de tráfego, com um grande número de solicitações sendo feitas, isso pode diminuir o tempo de resposta do servidor, o que não é o ideal em períodos em que há alto potencial de crescimento para o seu negócio.

O uso de uma CDN (Content Delivery Network) armazenará seu site em cache em uma rede global de servidores, o que significa que sempre que uma solicitação for feita, ela será roteada para o servidor mais próximo em que o site está armazenado em cache. Essencialmente, em vez de todas as solicitações globais serem feitas a um servidor, ele dividia as informações entre os servidores contidos em diferentes países ou localidades.

Tendo seguido as etapas acima, haverá uma diferença notável na velocidade do site. Execute novamente os testes acima e compare os resultados para obter um indicador claro de melhorias.

Se você precisar de alguma informação adicional ou estiver com dificuldades para implementar as alterações, pode ver nossa gama de serviços WordPress aqui: WordPress Web Development