O guia completo de como deixar seu site mais rápido - Blog
O guia completo de como deixar seu site mais rápido
Author: DELTA SERVERS iNC Published Date: 16 de fevereiro de 2021
É do conhecimento de todos que o tempo de carregamento de um site pode fazer qualquer pessoa desistir de acessá-lo e, claro, em alguns negócios isso é o pior que poderia acontecer. Sites rápidos não apenas demonstram qualidade, mas também apresso pelo conteúdo e despendimento de tempo para a otimização.
Fazer seu site se tornar mais rápido pode parecer um trabalho complicado, mas não é. Por isso, vamos lhe mostrar exatamente como isso pode ser feito e o quanto pode impactar diretamente no desempenho. Em síntese, as mudanças podem ser feitas diretamente no conteúdo, servidor e DNS.
Sem mais delongas, vamos às informações.
Por que eu preciso de um site rápido?
Além da dor de cabeça e frustração que um site lento pode causar tanto a você, quanto a seus usuários, o tempo de carregamento de um site é um dos principais fatores que influencia na conversão de acessos, uma vez que os clientes em potencial tendem a desistir e saírem de sites mais lentos. Portanto, é essencial que hajam otimizações de conteúdo e estrutura, além de uma adequada escolha de hospedagem ou servidor, para que todo o conteúdo do site seja exibido o mais rápido possível. Afinal de contas, tempo é dinheiro.
A velocidade de carregamento do site é de grande influência nos resultados de motores de busca, ajudando a classificá-lo nas pesquisas, o que influencia ainda mais em o quanto seu site converterá de acessos em clientes.
Tornando seu site mais rápido
Agora, sem mais apresentações, confira as informações e instruções do que fazer para aumentar a velocidade de carregamento das suas páginas.
Escolha de servidor/hospedagem
Ter uma hospedagem de qualidade é um dos principais pontos para obter melhorias no tempo de carregamento. Servidores mais otimizados tendem a oferecerem maior performance e menos tempo de carregamento.
Os servidores da Delta Servers, por exemplo, são otimizados e contam com discos NVME, ainda mais rápidos que os SSDs comuns. Além de contar com o LiteSpeed, uma poderosa ferramenta de Servidor Web que ultrapassa, e muito, o nível de desempenho do tão comum Apache.
O servidor é o responsável por armazenar as informações e responder aos usuários com elas assim que alguma ação (com um script, por exemplo) seja executada. Ele funciona exatamente como o dispositivo que você está usado neste exato momento. Quanto melhor for o Hardware e suas otimização, também de software, melhor será o desempenho para o carregamento das informações.
Configurando CDN CloudFlare
Agora, aparecerão 2 novos NameServers para os quais você deve apontar seu domínio (essa alteração não afeta o seu domínio nem sua hospedagem, o seu site continuará a usar a mesma hospedagem, pois o IP para o qual apontará será o mesmo)
Enquanto seu domínio não propagar para os novos NameServers da CloudFlare, esta faixa estará na cor preta
Ao acessar uma página, todas as informações contidas nela são baixadas pelo visitante e, justamente por isso, todos os arquivos devem ser leves, para que carreguem mais rapidamente. Evite ao máximo usar imagens com mais de 300kb cada e também usar muitas imagens na página.
Busque enviar as imagens já no tamanho que serão usadas (para não haver necessidade de adicionar linhas de código para reajustar) e reduzi-las ao máximo possível. Para reduzi-las, você pode usar o site ImageCompressor ou o TinyPNG.
Através do WordPress também é possível instalar plugins que otimizam todas as imagens, inclusive durante o envio. Para isso, o próprio TinyPNG e o Smush são ótimas opções gratuitas.
Ativando a Compressão
Como ativar a compressão no cPanel:
Acesse sua conta de hospedagem
Como ativar a compressão pelo HTACCESS
Se o seu servidor não suporta o mod_deflate, você poderá tentar usar o mod_gzip:
Atenção: A COMPRESSÃO GZIP ACELERA O CARREGAMENTO DA PÁGINA, MAS CONSOME MAIS CPU.
ATENTE-SE A ISTO PARA QUE NÃO HAJA UMA DEMANDA MAIOR QUE OS RECURSOS QUE PODE OFERECER
Reduza o código HTML
Como dito anteriormente, ao acessar uma página o conteúdo dela é baixado pelo visitante. Justamente por isso é importante usar arquivos comprimidos (com o gzip) e minimizados tanto quanto for possível.
Minimize os arquivos CSS
Clique em "Minify" e seu código reduzido estará pronto logo ao lado
Minimize os arquivos JavaScript
Cole o seu código JS antigo e clique em "Minify"
Assim, aparecerá o seu novo arquivo, agora reduzido.
Adie o carregamento de scripts
Feito isso, salve o arquivo e atualize a sua página com CTRL + F5 (para atualizar removendo o cache) e verifique a diferença na velocidade de carregamento do conteúdo.
Aproveite o cache
Com todas as otimizações devidamente feitas, é hora de utilizar o cache do usuário. Em suma, o cache consiste em armazenar informações da página no dispositivo do usuário, para que carreguem mais rapidamente nos próximos acessos. Desse modo, é possível tanto fazer com que as páginas abram mais rapidamente como poupar recursos do servidor.
Existem algumas formas de fazer isso, que são:
Através do CloudFlare, que já é configurado nativamente ao apontar o domínio corretamente.
Via arquivo .htaccess, com o seguinte código:
Através de plugins específicos, no caso do WordPress. Na Delta Servers, você poderá utilizar o LiteSpeed Cache, uma das melhores opções disponíveis. Outras opções possíveis são o W3 Total cache (uma das melhores opçõe gratuitas), WP Super Cache e o WP Rocket.
Reduzir o número de scripts/estilos CSS solicitados: essa dica é muito importante, pois é essencial que o site execute apenas o número necessário de solicitações de carregamento, para poupar recursos em carregamentos desnecessários.