20 dicas aumentar a velocidade de um site

Para atrair mais tráfego para seu website é preciso que ele seja eficiente. Confira 20 maneiras de aumentar a velocidade de um site.

Uma das coisas mais frustrantes é um site que demora para carregar. Não é uma surpresa que as pessoas, mas também os motores de busca evitem sites lentos. Portanto, aqui estão algumas para aumentar a velocidade de seu site.

1. Simplifique seu código

Aqui, é fundamental simplficar a criação de um site. Embora seu rico conjunto de templates facilite a criação, eles têm uma desvantagem. Assim, Muitos deles 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. Além disso, a formatação de seus arquivos HTML, CSS e JavaScript. Este processo de retirar o excesso é chamado de minimização.Assim, você pode usar ferramentas online simples como o Peavy’s minifier para ajudá-lo a começar. Os usuários do WordPress podem usar o plugin Autoptimize para simplificar o processo.

2. Comprima seu site

Não demora muito para os sites se tornarem grandes e pesados. Nesse sentido, todas as imagens e até mesmo os arquivos HTML, CSS e JavaScript de texto simples aumentam rapidamente. Assim, isso ajuda bastante a aumentar a velocidade do site.

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. Ou seja, antes de habilitá-lo para seu site editando o arquivo .htaccess. No entanto, as etapas exatas variam e dependem do seu servidor web.

3. Otimize as imagens

As imagens são uma das partes mais volumosas de um site e geralmente o elemento de carregamento mais lento. Portanto, para controlar isso, em redimensione todas as imagens em seu site para o tamanho exato desejado

Na verdade, você deve manter uma lista dos diferentes tamanhos de imagem. Isto é, para os vários elementos em 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á-las. Uma das ferramentas mais comuns para esse propósito é o reSmush.

Ele funciona com todos os sistemas de gerenciamento de conteúdo (CMS) populares. Além disso, também tem um cliente Linux CLI para compactar imagens para uso em sites estáticos. Assim, você também pode usar o Compressor.io para comprimir várias imagens rapidamente.

4. Carregamento lento de multimídia

Isso significa que as imagens, vídeos e iframes são carregados apenas quando os usuários rolar a página para baixo. Nesse sentido, isso pode melhorar significativamente os tempos de carregamento inicial de suas páginas. Portanto, isso ajuda bastante a aumentar a velocidade do site.

Anteriormente, isso era algo que você implementaria com a ajuda de JavaScript. No entanto, o carregamento lento já é integrado aos navegadores da web. Os usuários do WordPress têm várias opções. Duas delas são Lazy Load da WP Rocket e a3 Lazy Load, que é projetado para dispositivos móveis.

5. Use links de compartilhamento rápido de rede social

Em sites HTML simples, você pode usar uma ferramenta geradora de links gratuito como o Share Link Generator, que ajuda a criar links de compartilhamento para Facebook, Twitter, LinkedIn e Pinterest sem depender de iframes ou JavaScript.

Como sempre, os usuários do WordPress têm vários plug-ins que podem usar para essa finalidade, como o 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 úteis ao seu site. No entanto, ter muitos plug-ins pode tornar seu site lento. Logo, só deve ter plug-ins de que realmente precisa.

Assim, nem todos os plug-ins são bem projetados e você pode acelerar seu site substituindo um plug-in por um mais rápido. A ferramenta online GTmetrix analisará seu site gratuitamente. Além disso, mostrará uma lista de plugins que possuem tempos de carregamento elevados. Da mesma forma, Considere substituir esses plug-ins, especialmente se eles estiverem sendo chamados várias vezes.

Os usuários do WordPress também podem usar o plugin Query Monitor para uma análise detalhada. No entanto, lembre-se de remover o próprio plug-in Query Monitor quando ele cumprir seu propósito.

7. Reduza os redirecionamentos

Os redirecionamentos são necessários quando você move e exclui páginas. Além disso, são a melhor maneira de eliminar problemas com links quebrados. Porém, embora os redirecionamentos 301 sejam preferíveis aos erros 404, eles ainda não são ideais. Além disso, reduzem o tempo que leva para o navegador alcançar a versão correta de uma página. Logo, como sugestão, temos o verificador de redirecionamento Screaming Frog. Ele analisa os redirecionamentos em seu site e tenta minimizar seu uso.

8. Faça menos solicitações HTTP

Reduzir as solicitações HTTP é uma boa maneira de otimizar seu site. De fato, cada elemento que você adiciona a uma página se traduz em uma solicitação HTTP. Como resultado, quanto mais o navegador fizer solicitações, mais tempo sua página demorará. É 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 você pode combinar (especialmente arquivos CSS) e aqueles que você pode eliminar completamente.

9. Coloque CSS antes dos scripts

O posicionamento correto das folhas de estilo e dos scripts influenciará no carregamento do site. 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. Não tenha medo de ir para o método tradicional

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 puder ser obtido 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 atinjam o mesmo propósito, @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 Expires Header 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. Banco de dados limpo

Aqui, provavelmente, você está usando um CMS como o 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

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 web. No entanto, você pode substituir o padrão do servidor adicionando as seguintes linhas em seu arquivo .htaccess:



<ifModule mod_headers.c>

    Header set Connection keep-alive

</ifModule>

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 perfmatters, que possui muitas das técnicas de aceleração de desempenho comumente usadas. O bom 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, caso seja o 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 maneira de acelerar o 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 aumentar a velocidade de 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 se concentrar em um host e o plano de hospedagem para 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). Logo, ao contrário do seu servidor que está localizado em um local específico, um CDN usa uma rede de servidores. Ou seja, distribuem seu conteúdo para servidores em todo o mundo. Nesse sentido., essencialmente o move para mais perto de seus visitantes, independentemente de suas localizações. Assim, isso ajuda bastante a aumentar a velocidade do site.

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.

Assim, 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. Assim, isso ajuda bastante a aumentar a velocidade do site.

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 o seu site para dispositivos móveis.