Como reduzir o tempo de carregamento do site WordPress – 6,3 segundos a 2 segundos

Transcrição do vídeo

Este vídeo vai orientá-lo no processo que usamos na Sagapixel para reduzir o tempo de carregamento de um site de cerca de seis segundos para algo um pouco mais aceitável. Espero que acabemos no intervalo de dois a três segundos para este site.

Este método usará todos os plugins gratuitos. Eles estão bem no repositório do WordPress, e vou explicar o que cada um deles está fazendo enquanto estou usando. Vamos pular nele. Este é o relatório GTMetrix para um site que fizemos há alguns meses que não foi realmente otimizado.

Na verdade, vou para o front-end do site, vou usar meu navegador também, então vamos para a rede e vou fazer uma atualização completa. Estou em um Mac. Vou segurar shift e clicar em refresh para limpar o cache, e é lento. Sim, essa coisa teve um tempo para o primeiro byte de seis segundos.

Isso é bastante ridículo, e não vamos deixar um site de cliente ficar lá e levar tanto tempo para o primeiro byte. Agora, o próprio servidor é provavelmente um fator. Eu sei que eles estão em hospedagem GoDaddy de qualidade muito baixa, mas definitivamente podemos acelerar isso, então nos próximos 10 minutos ou mais vamos fazer isso.

Primeiro eu vou entrar nessa coisa, e vamos passar para os plugins. A primeira coisa que precisa ser ativada é essa redução de velocidade rápida. A redução de velocidade rápida combinará muitos dos ativos que estão sendo carregados, então, em primeiro lugar, acredito que isso tenha um SSL instalado, então vou definir isso para forçar o SSL.

Eu não vou verificar isso. Isso geralmente não faz um grande negócio. Não quero desabilitar a mesclagem de fontes do Google. Não quero preservar a ordem dos arquivos CSS. Eu quero inline o CSS no cabeçalho e no rodapé. A razão pela qual estou verificando essas configurações é que trabalhamos principalmente com o Elementor e sei que essas configurações não causarão falhas em nada.

Enquanto você estiver usando a redução de velocidade rápida, se você quebrar alguma coisa, provavelmente será no Chrome, portanto, certifique-se de que, depois de fazer todas as configurações e sair do site, inicie com o Chrome e certifique-se de não matar nenhuma de suas folhas de estilo.

Tudo bem, eu não vou desativar nada. Parece bom aqui, então vou salvar isso e vou executar novamente as métricas Gt. Apenas ter feito isso provavelmente deve reduzir parte do tempo de carregamento deste site. Muito provavelmente ainda é o servidor, no entanto.

Ok, isso derrubou um pouco mais de um segundo. Ainda não terminamos, no entanto. O próximo plugin que vamos instalar é... neste site, temos o otimizador de imagem de pixel curto. Parece que nunca foi ativado, então talvez tenhamos que otimizar algumas das imagens.

Eu realmente não vou usar esse, no entanto. Vou instalar outro plugin que adotamos recentemente que cuidará de um monte de coisas que precisam ser cuidadas, incluindo a otimização de imagem, então temos que otimizar novamente.

Ok, então vá para as configurações, e a primeira coisa que vamos fazer é ir para o cache. Vou habilitar o cache de página. Também vou me certificar de que não tenho um plug-in de cache ativo aqui, o que não temos. Bom. E vou habilitar o cache de página.

A próxima coisa que vou fazer é ir para o pré-carregamento e vou ativar este pré-carregador programado. Acho que vamos fazer isso uma vez por dia. Salve-o, e vou executá-lo agora, e isso começará a pré-carregar todos os URLs, assim como você pode ler aqui, o real será acionado para re-otimizar, para armazenar em cache o site visitando páginas para pré-carregá-los para que na primeira vez que um visitante humano os queira, o site não terá que gerar tudo.

Teremos que dar um minuto. A próxima coisa que vou fazer é ir para as imagens, e de agora em diante vamos definir isso para compactar automaticamente as imagens recém-adicionadas. Isso fará isso conectando-se ao WP Smush. Se você não quiser usar isso, podemos desmarcar isso, e eu direi que o pixel curto em geral é provavelmente o melhor quando se trata de lidar com a otimização de imagem.

Todo esse processo de pré-carregar as páginas realmente demora um pouco. Você sabe, estamos apenas na página 17 de 30. A próxima coisa que vamos ver enquanto está rodando é aqui. Nós vamos olhar para o banco de dados, e temos essas opções para otimizar as tabelas do banco de dados, limpar as revisões das postagens, então isso vai realmente limpar o banco de dados e permitir que ele seja executado muito mais rapidamente, mas eu realmente quero enfatizar que vai se livrar das coisas.

Então, se você tiver, se houver alguma possibilidade de que você queira restaurar uma postagem antiga, restaure uma página antiga de volta ao modo como costumava ser feito em um ponto, executando essas otimizações que você apagará todas essas versões antigas de tudo, então você provavelmente deseja fazer backup de seu site antes de fazer qualquer coisa no banco de dados.

Eu sei que temos um backup disso. Eu também não vou fazer isso enquanto estamos executando o pré-carregamento, mas parece que isso foi resolvido, então vamos por aqui. Vou executar todas essas otimizações. Aqui temos 1.200 revisões de postagens que agora foram excluídas.

Vai demorar um pouco para passar por isso, às vezes. Este é um site bastante pequeno, então realmente não demorou muito, mas vamos executá-lo mais uma vez, ver o que é feito. Tudo bem, agora estamos a 2,6 segundos de todo o caminho, o que era, mais de 6 segundos antes de começarmos.

O próximo que vou adicionar será uma carga preguiçosa. Lazy loading, vamos lá, lazy load do WP Rock é o que eu uso. Super fácil de configurar. Basta clicar nele, ativar, ir para as configurações e marcaremos algumas caixas aqui.

Imagens, I-frames. Não vou fazer os vídeos do YouTube por miniatura. Salve as alterações. OK. Agora, última etapa, realmente, acho que otimizar... não vamos ficar sentados aqui enquanto otimizamos toda a biblioteca, mas otimizar as imagens para essa coisa será a última etapa para realmente resolver isso.

Acho que provavelmente vamos reduzir isso para cerca de 2,5 segundos se acabarmos usando imagens muito grandes e o site. Espero que isso tenha sido útil. Realmente fazer um site WordPress carregar de maneira rápida não é tão difícil.

Acho que também muitas críticas aos construtores de páginas visuais, como WP Bakery, neste caso Elementor, Divi, são injustificadas, porque há muitas coisas que você pode fazer para que esses sites carreguem rapidamente, mesmo com um construtor de páginas visuais.

Se isso foi útil, certifique-se de deixar um comentário e, se estiver interessado em aprender sobre SEO e WordPress, inscreva-se em nosso canal. Obrigado.