8 dicas para acelerar seu site

Mesmo que não tenha mais nada a certeza, uma coisa é certa: você já encontrou pelo menos um site dolorosamente lento em sua vida. Se isso lhe parece familiar, deixe-me transmitir algumas dicas que adquiri nos últimos anos que podem ajudá-lo a acelerar seu site.


Se você não tem certeza de que a velocidade do seu site é importante para você, pense nos momentos em que você também fechou a janela do navegador enquanto aguarda o carregamento do site. O fato é que 53% das pessoas abandonam um site que leva mais de 3 segundos para carregar.

O desempenho do seu site é importante e influencia sua classificação nos mecanismos de pesquisa. Por exemplo, o Google prefere sites rápidos e fornece classificações mais altas nos resultados de pesquisa.

Tempo médio de carregamento da página na indústria (fonte).

Teste a velocidade do seu site

Para começar, teste a velocidade de carregamento do seu site primeiro. Algumas ferramentas recomendadas são:

  • WebPageTest: colete o desempenho da página da Web de navegadores reais executando sistemas operacionais comuns.
  • Pingdom: Ajuda a analisar e encontrar gargalos no desempenho de um site.
  • GTmetrix: analise e ofereça insights acionáveis ​​sobre a melhor maneira de otimizar a velocidade de uma página da web.
  • Bitcatcha: verifique a velocidade do site em oito países.

Usando um testador de velocidade do site, você poderá descobrir o quão otimizado seu site está atualmente.

Aqui estão as dicas para acelerar seu site …

1. Escolha um ótimo host da web

Na minha experiência, a hospedagem na web é talvez uma das escolhas mais singularmente importantes que você terá que fazer. Existem hosts da web e, em seguida, existem excelentes hosts da web. Cada host da Web terá recursos diferentes, portanto, observe os principais itens, como tecnologias de cache proprietárias, unidades de estado sólido ou controle sobre áreas críticas, como NGINX.

Não posso enfatizar isso o suficiente. Sua escolha de host é extremamente importante. Se você não estiver familiarizado com eles, consulte nossas análises abrangentes dos principais hosts da web para ajudar a guiá-lo para uma decisão bem informada.

2. Minificação: Menor é Melhor

Hoje em dia, é comum os sites estarem repletos de arquivos Javascript e CSS. Isso gera uma tonelada de solicitações HTTP durante uma visita, o que pode levar a uma lentidão considerável no site. É aqui que entra a minificação.

A redução dos arquivos Javascript e CSS é feita combinando todos os seus scripts em um único arquivo (de cada tipo). Esta não é uma tarefa fácil, mas não se preocupe, existem plugins do WordPress que podem lidar com isso para você.

Tente um destes procedimentos para começar: Otimização automática, Fast Velocity Minify ou Merge + Minify + Refresh

A minificação pode fazer com que seu código pareça desordenado – não se assuste! Isto é normal.

3. Siga o princípio do KISS

Isso normalmente não é ensinado pela maioria dos gurus da web, mas eu achei extraordinariamente útil de várias maneiras. KISS é um acrônimo para “Seja simples, estúpido”. Foi cunhado por algum sujeito inteligente na década de 1960 que enfatizava a eficiência de sistemas simples.

Como regra geral, acho que isso se aplica a quase tudo na vida – mesmo na criação de sites. Ao evitar implementações e projetos excessivamente complexos, você se beneficiará de um site que é rápido e mais importante, fácil de gerenciar e manter.

Projeto & Visuals

Ao manter seu design e visual simples, o que quero dizer é principalmente na forma de reduzir a sobrecarga. É provável que um site cheio de imagens maciças e impressionantes e vídeos impressionantes seja carregado tão rapidamente quanto uma preguiça em um dia ruim. Mantenha-o limpo e organizado e tente dividir o carregamento de vídeos e imagens em várias páginas.

Código & Plugins

O WordPress é uma coisa maravilhosa, porque é altamente modular e ainda assim tão simples de usar. Não importa o que você queira fazer, é provável que alguém já tenha projetado um plug-in para esse.

Por mais emocionante que isso pareça, cuidado para sobrecarregar seu site com plug-ins. Lembre-se de que cada plug-in foi projetado por pessoas diferentes (e provavelmente por empresas diferentes). O objetivo deles é atingir um objetivo específico, não otimizar o desempenho do site.

Se puder, evite plug-ins para coisas que você pode gerenciar sozinho. Tomemos, por exemplo, um plug-in que o ajudará a inserir tabelas no seu texto. Você pode aprender facilmente algum código HTML básico para desenhar tabelas, em vez de precisar usar um plugin para isso, certo?

Alguns plug-ins individuais podem tornar o site significativamente mais lento. Portanto, faça um teste de velocidade sempre que instalar um novo plug-in!

4. Alavancagem nas redes de entrega de conteúdo

Para mim, as redes de entrega de conteúdo são um presente dos deuses. Empresas como Cloudflare e LimeLight Networks ganham a vida ajudando outras pessoas a desfrutar de entrega estável e rápida de conteúdo através de redes de servidores localizados em todo o mundo.

O uso de uma CDN ajudará você a servir suas páginas da Web muito mais rapidamente e a melhorar as velocidades de carregamento, não importa de onde venham seus visitantes.

Além disso, o uso de uma CDN também oferece proteção extra contra ataques maliciosos, como DDoS (Distributed Denial of Service).

Se você é proprietário de um site pequeno, o Cloudflare tem uma opção gratuita que você pode usar que funciona bem. Empresas e sites maiores terão que pagar para obter um plano melhor, mas, considerando os benefícios de um CND, vale o preço!

5. Faça uso do cache

O armazenamento em cache é exatamente o que parece – armazenando arquivos estáticos para que, quando seus visitantes aparecerem, seu site possa compartilhar de páginas criadas anteriormente, para reduzir o tempo de processamento. Na maioria dos casos, o que você precisa se interessar é em cache do lado do servidor.

A maneira mais eficiente de implementar o cache do servidor é através das configurações no servidor Apache ou NGINX. Você precisará examinar esses documentos e encontrar as configurações corretas que ajudarão a definir o cache do servidor.

A regra geral é que qualquer coisa que precise de muito trabalho de suporte do servidor (processamento) deve ser armazenada em cache, se possível.

Se ficar muito estranho para você, os plug-ins são outra opção, mas, novamente, não recomendo que você recorra a isso neste caso.

6. Imagens Hog largura de banda, otimizar o seu!

Esta é uma extensão do meu discurso anterior contra imagens e vídeos em massa sob o princípio do KISS. Dado isso, eu entendo que o visual é a chave para tornar um site bonito. Como não podemos evitar totalmente o uso deles, certifique-se de que as imagens usadas sejam as mais otimizadas possível,

O conteúdo da Web é basicamente básico, mesmo quando se trata de imagens. A maioria dos sites que encontrei carregados como porcos moribundos é frequentemente arrastada por imagens maciças que não têm nenhum objetivo real.

Não estou dizendo que você não pode ter imagens maiores, mas verifique se elas estão adequadamente otimizadas antes de enviá-las.

Há duas maneiras de você fazer isto. Novamente, o primeiro é através de um plugin como o WP Smush. A alternativa, ou para aqueles que não usam o WordPress, é uma ferramenta de otimização de imagem de terceiros, como Image Compressor ou JPEG Optimizer.

A maioria das ferramentas de otimização de imagem permite ajustar os detalhes da resolução em suas imagens para que você possa reduzi-lo gradualmente. Eles terão a mesma aparência do olho destreinado, mas muito menor em tamanho.

Eles são ampliados em áreas de uma imagem HD (esquerda). O original tinha 2,3 MB e, após a otimização, foi reduzido para 331kb!

7. Use a compactação gzip

Se você já ouviu falar em compactação de imagem ou talvez arquivamento (ZIP ou RAR), provavelmente estará familiarizado com a teoria por trás da compactação gzip. Isso comprime o código do site, resultando em aumentos de velocidade de até 300% (os resultados variam).

Mesmo para algo tão técnico como esse, você pode seguir em frente e usar um plugin como o PageSpeed ​​Ninja. No entanto, existe um método muito mais eficiente, que envolve apenas a edição do arquivo .htaccess uma vez.

Adicione o código abaixo ao seu arquivo .htaccess e você estará definido:

# Compactar HTML, CSS, JavaScript, Texto, XML e fontes

AddOutputFilterByType DEFLATE application / javascript

AddOutputFilterByType DEFLATE application / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE application / x-font

AddOutputFilterByType DEFLATE application / x-font-opentype

AddOutputFilterByType DEFLATE application / x-font-otf

AddOutputFilterByType DEFLATE application / x-font-truetype

AddOutputFilterByType DEFLATE application / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

Fonte / opentype AddOutputFilterByType DEFLATE

Fonte AddOutputFilterByType DEFLATE / otf

Fonte AddOutputFilterByType DEFLATE / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / x-icon

AddOutputFilterByType DEFLATE text / css

AddOutputFilterByType DEFLATE text / html

AddOutputFilterByType DEFLATE text / javascript

AddOutputFilterByType DEFLATE texto / simples

AddOutputFilterByType DEFLATE text / xml

* Nota: certifique-se de adicionar este código ABAIXO ao que você possui atualmente no seu arquivo .htaccess.

8. Reduzindo redirecionamentos

Normalmente, os navegadores aceitam várias formas de endereços que, por sua vez, são traduzidas em oficiais reconhecidas pelo seu servidor. Tomemos, por exemplo, www.example.com e example.com. Ambos podem ir para o mesmo site, mas é necessário que seu servidor o redirecione para o endereço reconhecido oficialmente.

Esse redirecionamento leva algum tempo e recursos, portanto, seu objetivo é garantir que seu site possa ser acessado por não mais que um redirecionamento. Use este mapeador de redirecionamento para ver se você está fazendo o certo.

Dada a complexidade de fazer isso corretamente e o tempo envolvido continuamente, é uma vez que recomendo o uso de um plug-in como Redirecionamento.

Sites mais rápidos mantêm os visitantes (e o Google) felizes

Hoje, as velocidades de banda larga, mesmo em dispositivos móveis, aumentaram muito e aumentarão ainda mais. Isso significa que há muito pouca desculpa para os proprietários de sites colocarem seus visitantes em sites de carregamento lento.

Acredite, você continuará perdendo visitantes e, a certa altura, obterá uma reputação tão ruim que será conhecido como “Ah, esse site”. Se você está em um negócio on-line, isso piora ainda mais, pois você estará matando seu próprio ganso de ouro.

Embora as 8 dicas acima, que eu forneço, não sejam de forma alguma o fim e tudo, deve dar um começo e algumas idéias de como gerenciar as coisas um pouco melhor. Acelere seu site hoje e retenha seus clientes ou visitantes.

Não termine como ESTE site.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me