dicas para melhorar a velocidade do site | como acelerar sites

como os desenvolvedores podem fazer seus sites carregarem mais rápido?

a velocidade do site tem um enorme impacto na experiência do Usuário, SEO e taxas de conversão. Melhorar o desempenho do site é essencial para atrair tráfego para um site e manter os visitantes do site engajados. Aqui, analisamos as etapas que os desenvolvedores podem seguir para tornar um site mais rápido:

teste o desempenho do site

os testes de Velocidade do site avaliam o desempenho de um site. Testar um site regularmente pode ajudar os desenvolvedores a rastrear rebaixamentos de desempenho ou melhorias. Um teste de velocidade também deve ajudar os desenvolvedores a identificar algumas ou todas as áreas que diminuem o desempenho do site e onde estão as áreas de melhoria.

existem muitos testes de Velocidade do local de alta qualidade para medir o desempenho, muitos deles gratuitos. WebPageTest.org (que faz parceria com a Cloudflare) tem vários testes gratuitos e produz detalhamentos detalhados da rapidez com que elementos individuais de um carregamento de página. WebPageTest.org também permite que os desenvolvedores testem sites para diferentes dispositivos e velocidades de conexão de rede.

o Google também oferece Insights do PageSpeed para testes de desempenho detalhados. O Google Chrome DevTools também pode ajudar os desenvolvedores a avaliar o desempenho de seu site; a guia Rede mostra todas as solicitações HTTP, o tamanho dos ativos solicitados e quanto tempo as solicitações levam antes de serem atendidas.

Use um CDN (content delivery network)

CDNs aumente a velocidade dos sites armazenando conteúdo em cache em vários locais ao redor do mundo. Os servidores de cache CDN normalmente estão localizados mais próximos dos usuários finais do que o host ou o servidor de origem. As solicitações de conteúdo vão para um servidor CDN em vez de todo o caminho para o servidor de hospedagem, que pode ser de milhares de quilômetros e em várias redes autônomas do Usuário. O uso de um CDN pode resultar em uma diminuição maciça nos tempos de carregamento da página.

otimizar imagens

as imagens compreendem uma grande porcentagem do tráfego da Internet, e muitas vezes demoram mais para carregar em um site, pois os arquivos de imagem tendem a ser maiores em tamanho do que os arquivos HTML e CSS. Felizmente, o tempo de carregamento da imagem pode ser reduzido por meio da otimização da imagem. Otimizar imagens normalmente envolve reduzir a resolução, comprimir os arquivos e reduzir suas dimensões, e muitos Otimizadores de imagem e compressores de imagem estão disponíveis gratuitamente online.

minificar arquivos CSS e JavaScript

minificar código significa remover qualquer coisa que um computador não precise para entender e executar o código, incluindo comentários de código, espaços em branco e ponto e vírgula desnecessários. Isso torna os arquivos CSS e JavaScript um pouco menores para que eles carreguem mais rápido no navegador e ocupem menos largura de banda. Por si só, a minificação resultará em apenas melhorias mínimas de velocidade. No entanto, implementado junto com essas outras dicas, resultará em melhor desempenho do site.

reduza o número de solicitações HTTP, se possível

a maioria das páginas da web exigirá que os navegadores façam várias solicitações HTTP para vários ativos na página, incluindo imagens, scripts e arquivos CSS. Na verdade, muitas páginas da web exigirão dezenas dessas solicitações. Cada solicitação resulta em uma ida e volta de e para o servidor que hospeda o recurso, o que pode aumentar o tempo de carregamento geral de uma página da web. Além disso, com recursos carregados de vários provedores diferentes, um problema com um dos hosts pode afetar a capacidade da página da web de carregar rapidamente ou de todo.

devido a esses problemas potenciais, o número total de ativos que cada página precisa carregar deve ser reduzido ao mínimo. Além disso, um teste de velocidade deve ajudar a identificar quais solicitações HTTP estão demorando mais. Por exemplo, se as imagens estão fazendo com que uma página carregue lentamente, os desenvolvedores podem procurar uma solução de hospedagem de imagens mais rápida (como um CDN).

Use o cache HTTP do navegador

o cache do navegador é um local de armazenamento temporário onde os navegadores salvam cópias de arquivos estáticos para que possam carregar páginas da web visitadas recentemente muito mais rapidamente, em vez de precisar solicitar o mesmo conteúdo repetidamente. Os desenvolvedores podem instruir os navegadores a armazenar em cache elementos de uma página da web que não serão alterados com frequência. As instruções para cache do navegador vão nos cabeçalhos das respostas HTTP do servidor de hospedagem. Isso reduz muito a quantidade de dados que o servidor precisa transferir para o navegador, reduzindo os tempos de carregamento para usuários que visitam frequentemente determinadas páginas.

Minimize a inclusão de scripts externos

quaisquer elementos de página da web com script carregados de outro lugar, como Sistemas de comentários externos, botões CTA ou pop-ups de geração de leads, precisam ser carregados sempre que uma página for carregada. Dependendo do tamanho do script, eles podem desacelerar uma página da Web ou fazer com que a página da web não carregue tudo de uma vez (isso é chamado de ‘salto de conteúdo’ ou ‘mudança de layout’ e pode ser especialmente frustrante para usuários móveis).

não use redirecionamentos, se possível

um redirecionamento é quando os visitantes de uma página da web são encaminhados para uma página diferente. Os redirecionamentos adicionam algumas frações de segundo, ou às vezes até segundos inteiros, ao tempo de carregamento da página. Ao criar um site otimizado para desempenho, cada segundo conta. Os redirecionamentos às vezes são inevitáveis, mas não devem ser usados se não forem necessários.