Existem menos coisas mais frustrantes do que um site que leva tempo para carregar. Não é uma surpresa, então, que não apenas as pessoas, mas também os motores de busca tentem evitar sites lentos. Com isso em mente, aqui estão algumas das melhores dicas que você pode implementar para evitar irritar os visitantes e rejeitá-los na primeira visita ao seu site.
1. Simplifique seu código
O melhor construtor de sites tornará bastante simples a criação de um site. Embora seu rico conjunto de modelos ajude você a estilizar seu site com facilidade, eles têm uma desvantagem. Muitos dos modelos têm códigos confusos que podem tornar seu site mais lento.
Para superar o problema, você pode remover todo o código desnecessário e a formatação de seus arquivos HTML, CSS e JavaScript. Este processo de retirar o excesso é chamado de minimização e você pode usar ferramentas online simples como o minificador de Will Peavy para ajudá-lo a começar. Os usuários do WordPress podem usar o plug-in Autoptimize para tornar o processo bastante simples.
2. Comprimir seu site
Não demora muito para que os sites se tornem grandes e pesados. Todas as imagens e até mesmo os arquivos HTML, CSS e JavaScript de texto simples aumentam rapidamente. Um dos melhores mecanismos para acelerar um site é habilitar a compactação com Gzip. Isso reduzirá o tamanho da resposta HTTP, reduzindo assim os tempos de resposta.
Você precisará habilitar o módulo de compactação apropriado em seu servidor da web antes de habilitá-lo para seu site editando o arquivo .htaccess. As etapas exatas variam e dependem do seu servidor web, mas aqui está como você faz isso no Apache.
3. Otimize as imagens
As imagens são uma das partes mais pesadas de um site e, geralmente, o elemento de carregamento mais lento em qualquer página da web. Para controlar o comportamento, em vez de dimensionar imagens grandes via HTML, comece redimensionando todas as imagens em seu site para o tamanho exato que você deseja.
Na verdade, você deve manter uma lista dos diferentes tamanhos de imagem para os vários elementos do seu site para garantir que nunca carregue mais pixels do que o necessário. Se você tem um site com muitas imagens, também deve considerar compactá-los. Uma das ferramentas mais comuns para esse propósito é o reSmush.
Ele funciona com todos os sistemas de gerenciamento de conteúdo (CMS) populares e também possui um cliente Linux CLI para compactar imagens para uso em sites estáticos. Você também pode usar o Compressor.io para comprimir várias imagens em um piscar de olhos.
4. Carregamento lento de multimídia
O carregamento lento significa que as imagens, vídeos e iframes são carregados apenas quando os usuários rolar a página para baixo e realmente vê-los. Isso pode melhorar significativamente os tempos de carregamento inicial de suas páginas.
Anteriormente, isso era algo que você implementaria com a ajuda de JavaScript, mas não o carregamento lento é integrado aos navegadores da web. Os usuários do WordPress têm várias opções e duas de nossas favoritas são Lazy Load da WP Rocket e a3 Lazy Load, que é projetado para dispositivos móveis.
5. Use links de compartilhamento de mídia social rápida
Hoje em dia, você gostaria que as pessoas compartilhassem seu conteúdo nas redes sociais. Em sites HTML simples, você pode usar uma ferramenta geradora de links, como o Share Link Generator gratuito, que ajuda a criar links de compartilhamento social para Facebook, Twitter, LinkedIn e Pinterest sem depender de iframes ou JavaScript. Como de costume, os usuários do WordPress não têm escassez de plug-ins que podem usar para essa finalidade, incluindo Social Warfare e Grow.
6. Desinstale plug-ins inúteis
Um CMS como o WordPress pode ter vários plug-ins que podem adicionar funcionalidades realmente úteis ao seu site. No entanto, ter muitos plug-ins pode tornar seu site um rastreamento lento, e é por isso que você só deve executar plug-ins de que realmente precisa.
Dito isso, nem todos os plug-ins são projetados igualmente bem e você pode acelerar seu site substituindo um plug-in por um alternativo mais rápido. A ferramenta online GTmetrix irá analisar seu site gratuitamente e mostrar a você uma lista de plug-ins que possuem tempos de carregamento elevados. Considere substituir esses plug-ins, especialmente se eles estiverem sendo chamados várias vezes por uma alternativa mais leve.
Os usuários do WordPress também podem usar o plug-in Query Monitor para uma análise detalhada dos plug-ins usados em seu site. Claro, lembre-se de remover o próprio plug-in Query Monitor quando ele tiver servido ao seu propósito.
7. Reduza os redirecionamentos
Os redirecionamentos são geralmente necessários quando você move e exclui páginas e são a melhor maneira de eliminar problemas com links quebrados. Mas, embora os redirecionamentos 301 sejam preferíveis aos erros 404, eles ainda não são ideais, pois reduzem o tempo que leva para o navegador alcançar a versão correta de uma página. Você pode usar o verificador de redirecionamento em massa do Screaming Frog para analisar os redirecionamentos em seu site e tentar minimizar seu uso.
8. Faça menos solicitações HTTP
Reduzir as solicitações HTTP é uma boa maneira de otimizar seu site. Cada elemento que você adiciona a uma página se traduz em uma solicitação HTTP. Quanto mais o navegador tiver para fazer essas solicitações, mais tempo sua página levará para carregar totalmente. É por isso que, embora seja difícil, os resultados da redução do número de solicitações são muito impressionantes.
Você pode usar as Ferramentas do desenvolvedor no navegador e alternar para a guia Rede para visualizar as solicitações HTTP em detalhes. Depois de ter uma ideia de quais arquivos estão demorando mais para carregar, você pode procurar aqueles que podem ser combinados (especialmente os arquivos CSS) e aqueles que você pode eliminar completamente.
9. Coloque CSS antes dos scripts
Colocar corretamente suas folhas de estilo e scripts influenciará como o seu site carrega. Você deve sempre colocar seu CSS no topo da seção. Isso permite que o navegador carregue o CSS primeiro, para que os usuários possam ver o conteúdo no carregamento do seu site.
Javascript, por outro lado, deve estar o mais próximo possível da parte inferior. Isso ocorre porque os navegadores precisam analisar o JavaScript primeiro, antes que ele possa passar para a próxima tag. Se você colocar os scripts antes do conteúdo real, os usuários olharão para uma página em branco enquanto o navegador processa o JavaScript.
10. Vá para a velha escola sempre que possível
Usando uma linguagem de script como PHP, você pode fazer coisas que não são possíveis com HTML simples. No entanto, o processamento de PHP leva mais tempo do que a análise de HTML, portanto, evite solicitar informações por meio de PHP, se for possível obtê-las com HTML estático.
Da mesma forma, nem sempre é uma boa ideia usar o mecanismo CSS @import para incluir folhas de estilo externas em suas páginas da web em vez da tag HTML. Embora ambos tenham a mesma finalidade, @import usa mais recursos do que vincular diretamente às suas folhas de estilo.
11. Habilite o cache
Quando você visita um site, todos os elementos da página são armazenados no disco rígido em uma área de armazenamento temporário chamada cache. Isso é útil, pois em visitas subsequentes, seu navegador exibirá a página sem ter que enviar outra solicitação HTTP ao servidor.
Se você executa um site WordPress, pode usar um plugin como o plugin W3 Total Cache para habilitar o cache facilmente. Por outro lado, se você tiver um site HTML estático, poderá habilitar o cache usando o que é conhecido como cabeçalho Expires em seu arquivo .htaccess. Uma vez habilitados, os cabeçalhos expirados não só economizam o tempo que leva para baixar arquivos já armazenados em cache, mas também ajudam a reduzir o número de solicitações HTTP.
12. Bancos de dados limpos do Spring
Provavelmente, você está usando um CMS como WordPress ou Joomla para hospedar seu site. Conforme você mexe com sua instalação (adiciona e remove plug-ins, cria e atualiza postagens, instala atualizações e assim por diante), o banco de dados que alimenta o CMS se tornará bastante inchado e lento. Para evitar isso, você deve usar o plugin WP-Optimize para limpar o banco de dados regularmente.
13. Bloquear hotlinking
O hotlinking ocorre quando alguém exibe uma imagem do seu site usando o link da web diretamente. Cada vez que carrega, a imagem é extraída do servidor do site de origem.
Você tem várias opções para evitar hotlinking. Muitos hosts conhecidos oferecem uma alternância na interface de administração para evitar hotlinking. Depois, há plug-ins do WordPress, como All In One Security & Firewall, que fornecem proteção contra hotlinking. Finalmente, você pode adicionar instruções em seu arquivo .htaccess.
14. Alterne a configuração Keep Alive
A mensagem Keep Alive é trocada entre o servidor web e uma máquina cliente para permitir a mesma conexão tcp para conversação HTTP em vez de abrir uma nova a cada nova solicitação. Também conhecido como uma conexão persistente, Keep Alive ajuda a reduzir a latência para solicitações subsequentes. A maioria das empresas de hospedagem, especialmente em hospedagem compartilhada, desabilita esse recurso.
A configuração é melhor controlada ajustando o servidor da web. No entanto, você pode substituir o padrão do servidor adicionando as seguintes linhas em seu arquivo .htaccess:
Header set Connection keep-alive
15. Acelere o WordPress
O WordPress possui vários plug-ins para melhorar o desempenho que ajudarão a otimizar diferentes aspectos do site. Um dos mais abrangentes é o desempenho, que rola muitas das técnicas de aceleração de desempenho comumente usadas. A vantagem desse plugin premium é que a maioria de suas técnicas de otimização são expostas por meio de uma interface de usuário simples, que o torna acessível a todos os tipos de usuários.
16. Instale o Google PageSpeed
O Google PageSpeed é um conjunto de módulos de código aberto para os servidores da web Apache e Nginx. Eles ajudam a otimizar seu site, implementando algumas das técnicas de aprimoramento de desempenho mais úteis, como as que compartilhamos neste artigo. Você pode baixar e instalar os módulos em seu servidor web, se for o seu proprietário. Caso contrário, você terá que procurar um provedor de hospedagem que o faça. Normalmente, os hosts da web só oferecem isso com seus planos de hospedagem dedicada de nível superior, embora alguns como GoDaddy instalem em seus servidores de hospedagem Linux.
17. Reduza as pesquisas de DNS
Um dos principais fatores que influenciam diretamente na velocidade de carregamento do seu site é o tempo que leva para as pesquisas de DNS. Uma pesquisa de DNS é o processo de localização do endereço IP associado a um URL.
Uma forma de acelerar seu site é reduzir o número de nomes de host exclusivos. Menos número de consultas DNS diminuirá o tempo de resposta e fará com que os sites carreguem mais rápido. Além disso, considere o fato de que o tempo necessário para consultar os registros DNS depende da velocidade do provedor DNS.
Se você não estiver satisfeito com o desempenho do seu provedor de DNS, considere mudar para outro. DNSperf rastreia a velocidade de consulta dos vários provedores DNS autorizados.
18. Faça upgrade para um host melhor
Se você está tentando acelerar seu site, mas não notou muita diferença, o problema pode ser sua hospedagem na web. Muitos dos hosts da web mais baratos, especialmente os compartilhados, estão muito lotados e usam servidores que não têm recursos para alocar o suficiente para cada site. Em vez disso, você deve passar algum tempo pesquisando as várias opções em oferta, antes de procurar um host e o plano de hospedagem para o seu site.
19. Use uma rede de distribuição de conteúdo
Além de mudar para um host da web melhor, você também deve considerar o uso de uma Content Delivery Network (CDN). Ao contrário do seu servidor que está localizado em um local específico, um CDN usa uma rede de servidores que, de certa forma, distribuem seu conteúdo para servidores em todo o mundo, essencialmente movendo-o para mais perto de seus visitantes independentemente de suas localizações. Os CDNs aceleram um site, reduzindo a distância física entre o conteúdo e os visitantes. Você pode hospedar todos os tipos de conteúdo com CDNs e até mesmo usar vários para localizar locais específicos.
20. Monitore o desempenho regularmente
Um aspecto importante de ajustar seu site é ficar de olho em seu desempenho. Isso não só ajudará a avaliar o impacto de um ajuste, mas, dependendo da ferramenta usada, também apontará aspectos do site que precisam de atenção. O teste de velocidade do site da Pingdom é uma ferramenta online popular que não apenas testa os tempos de carregamento da página, mas também aponta os problemas.
Da mesma forma, você pode usar o Test My Site do Google para analisar o desempenho do seu site em dispositivos móveis. Além de fornecer métricas úteis, a ferramenta também compartilhará recomendações para ajudá-lo a acelerar seu site para dispositivos móveis.
- Apresentamos a melhor hospedagem na web Wordpress.
