Esta série de blogs sobre a velocidade do site tem sido um passeio divertido.

Até agora, aprendemos que a Amazon perderia US $ 1,6 bilhão (!) Se o site abrandasse.

Também aprendemos exatamente o que está acontecendo nos bastidores para causar lentidão no site.

Isso nos leva à nossa conclusão natural: como exatamente você pode acelerar as coisas? Estamos cobrindo tudo, desde a velocidade do servidor até a otimização e alguns bônus extras entre.

Primeiro, vamos recapitular o que está causando a velocidade lenta:

Quando você carrega meu site aqui no Bitcatcha, seu navegador (Firefox, Safari, Chrome etc.) inicia uma conversa com meu servidor web.

Navegador: “Ei, servidor web! Você pode me dar todos os pedaços para exibir o Bitcatcha.com, por favor? ”

Servidor: “Claro, deixe-me encontrá-los e enviá-los”.

Em seguida, o servidor da Web coloca todas as partes do site em um túnel e as envia para o navegador para carregá-las.

Parece bastante simples, mas eis o que atrasará as coisas:

  • Um servidor lento que leva séculos para responder a solicitações.
  • Um servidor que gerencia simultaneamente peças para muitos outros sites.
  • Muitas “partes” grandes de sites que precisam ser encontradas e enviadas pelo túnel.
  • Um túnel ocupado.

Há muita coisa que pode dar errado aqui. Então, como podemos acelerar as coisas?

Acelere seu site

Parte 1: Torne seu servidor mais rápido

1. Atualize para um host melhor (ou seja, um servidor melhor)

Seu host é a empresa que fornece o servidor. É como alugar um terreno na Internet, onde você armazena todas as partes do site.

Muitos de nós tendem a comprar o terreno mais barato que encontramos. Mas isso não é necessariamente uma solução sábia.

Os hosts baratos alugam servidores pequenos e lotados. Lembre-se de que você deseja que o servidor responda rapidamente às solicitações e envie rapidamente o site pelo túnel para o navegador.

Nota

Confira nossa lista de hospedagem mais rápida, com base no tempo de resposta do servidor.

2. Alterne da hospedagem compartilhada para um VPS

Hosts baratos colocam seu site em um servidor, juntamente com vários outros sites. É chamado de hospedagem compartilhada e significa que você precisa lutar por recursos.

Se um site repentinamente receber muito tráfego, ele diminuirá o seu, enquanto eles consomem a largura de banda.

Ao mudar para um VPS (um servidor virtual privado) ou (pelo menos um servidor compartilhado de ponta como o SiteGround), o seu host irá cercar um canto do servidor compartilhado apenas para você. Isso significa que você não precisa se preocupar com outros sites que roubam seus recursos.

3. Mova o servidor para mais perto do seu público

Toda vez que alguém clica no seu site, seu servidor precisa enviar fisicamente as informações por todo o planeta para a tela do computador.

Se o servidor estiver do outro lado do mundo, isso levará muito tempo. Se você sabe de onde vem a maior parte do seu tráfego, peça ao seu host para colocar seu site em um servidor mais próximo do seu público-alvo principal..

4. Use uma rede de entrega de conteúdo

O problema de aproximar seu servidor de uma determinada audiência é que alguém perderá. Se você mudar seu servidor para a Califórnia, seus visitantes australianos terão um tempo de carregamento lento. Assim como seus visitantes europeus.

Uma rede de entrega de conteúdo, ou CDN, coloca seus dados em servidores em todo o mundo. Então, quando alguém clica no seu site, o servidor mais próximo envia a informação.

Isso significa que seus visitantes obtêm uma velocidade super rápida onde quer que estejam no mundo. (Para sua referência, eu uso o Cloudflare aqui no Bitcatcha.)

5. Ative a configuração “manter vivo”

Quando o servidor envia os arquivos do site pelo túnel, cada parte viaja separadamente. Sua folha de estilo CSS, seu logotipo, cada uma de suas imagens, etc..

Obviamente, a maneira mais eficiente de fazer isso é enviando todos pelo mesmo grande túnel.

É aí que entra a configuração ‘manter vivo’. Quando ativado, o túnel principal permanece ligado e tudo fica na mesma conexão. (Isso é super rápido).

Mas quando a configuração está desativada, é necessário criar um novo túnel para cada elemento. (Isso é super lento).

A maioria dos hosts da web mantém essa configuração ativada (o que é bom), mas às vezes os hosts compartilhados fecham as conexões sem aviso.

Parte 2: Otimizar elementos do site

Agora que tornamos seu servidor o mais rápido e eficiente possível, como otimizamos as próprias partes do site?

6. Reduza o tempo de ida e volta (RTTs)

No momento, seu navegador precisa solicitar ao servidor cada elemento, um de cada vez. Seu logotipo, cada uma das imagens e sua folha de estilo CSS.

O tempo necessário para recebê-lo é uma viagem de ida e volta.

Quanto mais viagens de ida e volta você tiver, mais tempo leva para carregar o site inteiro. É como arrumar seu carro com caixas e movê-los para uma casa nova.

Quanto mais caixas você tiver, mais viagens de ida e volta você precisará fazer. A solução? Reduza a quantidade de caixas que você está levando.

Reduza a quantidade de elementos que seu servidor precisa enviar no túnel. Menos imagens, menos código, menos plugins.

7. Ative a compactação no seu site

Infelizmente, não é apenas o número de caixas. É o quão pesado eles são. Se todos os seus elementos forem grandes e pesados, ocupará muito espaço no seu túnel. Eles também se movem mais devagar. É como caminhões se acumulando. Cada um cheio de caixas pesadas.

Felizmente, você pode compactar seu site e tudo mais. Usando uma ferramenta como o Gzip. (É reconhecido por 90% dos navegadores. – Quase todo mundo, exceto alguns retardatários, ainda usa o Internet Explorer 4.)

As partes mais complexas do seu site são as imagens, HTML, CSS e Javascript. Ao compactá-los, você pode reduzir o “peso” médio do seu site enquanto ele transfere.

Fato engraçado

O peso médio de um site é de 2 MB, mas cresce a cada ano.

8. Otimize suas imagens

As imagens geralmente são a parte mais pesada de qualquer site. Eles são o elemento de carregamento maior, mais gordo e mais lento.

Comece cortando-os no tamanho exato que você precisa. Não faça upload de imagens enormes e reduza-as no HTML. Basta enviá-los no tamanho certo.

Além disso, comprima suas imagens antes de fazer o upload. Se você estiver usando o WordPress, plug-ins como o WP Smush podem reduzir o tamanho da imagem em 80%.!

9.… ou faça sprites

Um sprite é uma imagem única que contém muitas imagens pequenas. É ótimo para compartilhar botões ou outros elementos de imagem.

Agora, seu site só precisa fazer uma solicitação, em vez de dez solicitações separadas. Você pode usar o CSS para escolher quais partes da imagem serão exibidas onde.

10. Apare seu código

HTML é denso e pesado. Também é incrivelmente repetitivo. CSS é um pouco mais simplificado, mas muitos são redundantes.

É hora de analisar seu código com um pente fino e se livrar de todos os bits desnecessários.

Se você estiver usando um modelo do WordPress, Tumblr etc., provavelmente há um monte de código que não está usando. Esses modelos são configurados para oferecer várias opções de funcionalidade. Mas a maioria de nós não precisa de tudo.

Seja implacável!

11. Desinstale plugins inúteis (WordPress)

Todos nós experimentamos toneladas de plugins ao longo dos anos. Mas muitas vezes esquecemos de desinstalá-los.

Cada plug-in é outra solicitação do servidor. É outro pacote pesado bloqueando seu túnel de alta velocidade.

Se você não estiver usando, desligue-o.

12. Reduza os redirecionamentos

Para cada redirecionamento, seus pacotes sobem e descem o túnel duas vezes. A menos que você precise, não use redirecionamentos no seu site.

Parte 3: Extras de bônus

13. Reduza as pesquisas de DNS

Há uma parte do processo sobre o qual ainda não conversamos. Isso acontece logo no início.

Antes de o navegador iniciar a conversa com o servidor, ele precisa encontrar a localização do servidor (encontrando o endereço IP). É como procurar o número do servidor na lista telefônica. Isso leva um pouco de tempo. (Geralmente de 20 a 120 milissegundos).

Demora ainda mais se houver vários nomes de domínio associados ao seu site. Exemplos comuns incluem: blog.yourwebsite.com ou domínios adicionais para imagens, folhas de estilo e objetos flash.

Se o seu navegador precisar fazer isso cinco vezes, você poderá perder meio segundo. Mantenha-o no menor número possível de domínios.

14. Armazenamento em cache do navegador

Imagine o quão rápido as coisas seriam se o seu navegador pudesse manter uma cópia de todos os arquivos do site. Dessa forma, não seria necessário entrar em contato com o servidor todas as vezes. Poderia apenas carregá-los da memória.

É isso que é o cache. Isso significa que seu navegador ‘lembra’ o site. Quando você carrega pela segunda vez, é super rápido.

Ufa! Esse foi um post mais longo que o normal, mas acho que valeu a pena.

Agora você sabe tudo o que há para saber sobre como tornar seu site muito rápido. Esses truques podem reduzir a velocidade da sua carga em segundos.

Isso significa visitantes felizes. E isso significa mais vendas.

Guia de velocidade do WordPress

Se o seu site for construído com o WordPress, compilamos um guia detalhado passo a passo para acelerar o WordPress. Usamos as etapas exatas para fazer o Bitcatcha.com carregar em 3 segundos.

Kim Martin
Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me