7 Maneiras de Acelerar Seu Site Agora Mesmo

Primeiro de tudo, você precisa saber exatamente o quão rápido ou lento seu site realmente é. Já estabelecemos que de 2 a 3 segundos é o tempo ideal para mirar. Infelizmente, para os internautas ao redor do mundo, a maioria dos sites não chega nem perto desse objetivo. De fato, o Google analisou centenas de milhares de landing pages em 126 países e descobriu que 70% das páginas levavam até sete segundos para carregar.

Ai.

Isso é ruim. A má notícia é que há literalmente milhões de profissionais de marketing online deixando dinheiro na mesa. Muito dinheiro. Se eles soubessem quanto, provavelmente chorariam. A boa notícia é que não deve ser muito difícil tirar seu site da zona dos lentos e colocá-lo entre os que conseguem carregar em três segundos ou menos.

Como saber o quão rápido seu site carrega? Acesse o testador do Pingdom – é gratuito – e digite sua URL. Alguns segundos (ou mais) depois você terá todos os detalhes. Então é hora de arregaçar as mangas e trabalhar.

#1 Deixe Seu Servidor Feliz com Menos Requisições Http

Aquele pequeno texto no seu site quase não exige esforço para ser baixado pelo navegador do visitante. O que cria gargalos e lentidão são todos os outros elementos como scripts, imagens, vídeos e folhas de estilo. Para cada elemento desse tipo que aparece em uma página, é feita uma requisição separada ao servidor. Web designers muitas vezes cometem o erro de simplesmente colocar “coisas demais” em uma página. Sem perceber, consomem uma quantidade incrível de banda e, no fim, acabam no grupo dos 70% dos sites que demoram mais de quatro segundos para aparecer.

Se você está pensando “preciso reduzir as requisições HTTP”, está certo! É simples assim. Menos requisições ao servidor HTTP significa, tudo o mais constante, um site mais rápido. Isso também significa que você precisa pensar, realmente pensar, sobre os elementos do seu site e se eles são realmente necessários. Cada um representa um pedido separado ao servidor.

Curioso para saber quantas requisições seu site faz atualmente? Examine os resultados do Pingdom e você encontrará a resposta. O que é considerado demais? Não há uma resposta definitiva. O melhor é analisar seu site e decidir se cada elemento é realmente essencial. Se não for, elimine.

#2 Otimize As Imagens Que Consomem Sua Banda

Nos primórdios da internet, as imagens eram raras e o texto dominava. Com o avanço da tecnologia, especialmente em relação à velocidade de conexão, os donos de sites passaram a exagerar nas imagens. Feito da maneira certa, não é uma estratégia ruim. Nada chama a atenção do visitante para “sentar e ficar” como uma imagem atraente (palmeiras e filhotes funcionam bem).

O problema é que fotos tiradas de celulares ou bancos de imagens costumam ter vários megabytes e devorar banda como um monstro de biscoitos em um fim de semana. Quando você inclui algumas dessas imagens em dezenas ou até centenas de posts, seu site fica dolorosamente lento.

A solução é simples. Use um editor de imagens como Photoshop ou Pixlr (alternativa online gratuita) se não quiser gastar com software. Para imagens grandes, normalmente salve no formato .jpeg (.jpg) e tente reduzir a resolução para 100 kilobytes ou menos. Obviamente, há muito a se discutir sobre resolução de imagem, mas, por ora, foque em diminuir o tamanho dos arquivos para acelerar seu site.

#3 Cache do Navegador = Visitantes Felizes de Volta

Se for instruído pelo servidor, a maioria dos navegadores pode “guardar em cache” ou salvar arquivos na memória temporária até que sejam usados novamente. Funciona assim:

• Um visitante chega pela primeira vez ao seu site.
• O servidor instrui o navegador a “lembrar” de certos elementos estáticos como logotipos, imagens e textos.
• Quando esse visitante retorna, esses elementos em cache aparecem quase instantaneamente, deixando-o satisfeito.

Ou seja, o navegador exibe rapidamente os elementos estáticos sem precisar baixar nada do servidor. Elementos dinâmicos (que mudam) ainda requerem um pedido ao servidor para buscar a versão mais atualizada, o que leva um pouco mais de tempo.

O bom nisso – e o que deixa o visitante feliz – é que ele já tem algo para ver enquanto os elementos dinâmicos são carregados. Ter imagens ou algum conteúdo na tela é melhor do que um grande espaço em branco com uma ampulheta girando, e aumenta a chance de o visitante voltar permanecer até o carregamento total. Se a expressão “cache do navegador” te faz querer desistir da internet, ligue para o suporte técnico da sua hospedagem e peça para configurarem para você.

#4. Comprima Seu Site

Você encontra estimativas variadas na internet, mas o fato é que, para um site não compactado, é possível reduzir o tamanho total dos arquivos entre 50% e 90% usando o Gzip. Arquivos menores precisam de menos banda e carregam mais rápido. Gzip é um formato open source que compacta todos os arquivos do seu site em um pacote só.

Quando o navegador solicita o site, ele recebe um arquivo chamado algo como index.html.gz, em vez do tradicional index.html. Assim que esse pacote chega, o navegador descompacta e exibe rapidamente para o visitante.

Um bom exemplo de economia de tamanho é a página inicial do Yahoo, que não compactada tem cerca de 101 kb, mas apenas 10 kb quando zipada. Sim, o Gzip pode fazer o mesmo pelo seu site.

Embora você não possa obrigar o navegador a aceitar a versão compactada, pode configurar o servidor para oferecer ambas as opções. Isso é fácil para quem trabalha com servidores. Se não for seu caso, ligue para o suporte da sua hospedagem.

#5. Mas Antes, Otimize o CSS

O processo de otimização não é só para imagens. Serve também para CSS (folhas de estilo em cascata). Olhe um arquivo CSS: além de muito código, há também muitos espaços em branco. As folhas de estilo são importantes – não pense o contrário – mas não precisam estar “bonitas” para o olho humano.

Veja abaixo o exemplo de CSS. Parece bonito e organizado, certo? Com todo o texto alinhado dizendo ao navegador como exibir a página. Repare nos espaços em branco. Cada espaço deixa o arquivo maior. Repetido centenas ou milhares de vezes, o arquivo fica maior do que o necessário. A boa notícia é que você não precisa remover tudo manualmente.

Existem ótimas ferramentas online como o CSS Minifier gratuito, que pega um CSS como este…

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

p.capitalize {
    text-transform: capitalize;
}

…e transforma nisso aqui.

p.uppercase{text-transform:uppercase}p.lowercase{text-transform:lowercase}p.capitalize{text-transform:capitalize}

Basicamente, ele comprime tudo para não desperdiçar espaço. Quando você quer um site rápido, cada detalhe conta.

#6 Se Você Pudesse Dobrar Seu Site…

De vez em quando, a internet aprende algo com o mundo dos jornais impressos, e o termo “abaixo da dobra” é um exemplo. Se você já viu jornais à venda em bancas, eles ficam dobrados mostrando a metade de cima, com as notícias principais à vista. O que não é tão importante fica oculto, “abaixo da dobra”.

Essa é uma ótima ideia para aplicar no seu HTML, especialmente ao lidar com JavaScript (JS), que costuma travar o carregamento e exibição da página. Em vez de colocar o JS no topo do documento, coloque-o no final da seção body. Assim, todo o resto carrega primeiro e o visitante pode ver imagens e conteúdo enquanto o script termina de baixar.

Caso contrário, a tela fica em branco até o JS carregar totalmente. Telas em branco são um convite para o visitante impaciente ir embora. Dê a ele algo para fazer até que a funcionalidade extra do JavaScript seja carregada. Viu? Até os novatos da internet podem aprender algo com o mundo dos jornais do século 20.

#7 Escolha Algo Além da Hospedagem Compartilhada

Seja você dono de uma loja virtual ou usa o site como principal meio de divulgação de consultoria, o objetivo é o mesmo: tem que carregar rápido. Clientes em potencial não vão esperar o conteúdo aparecer no navegador por muito tempo. Eles vão embora. O que normalmente é esquecido é que uma das escolhas mais básicas – tipo de hospedagem – pode ter enorme impacto na velocidade do site.

Hospedagem compartilhada é barata (às vezes até gratuita), mas raramente é a melhor opção. O preço baixo vem do fato de o provedor colocar muitos sites no mesmo servidor, prejudicando o desempenho. Pior, recursos computacionais como banda, armazenamento e processamento são compartilhados. Se um site usa demais, todos os outros podem ficar lentos, travar ou sair do ar.

Se seu site é mais que um hobby, hospedagem compartilhada não é a escolha ideal.

Uma escolha melhor para um site empresarial, por poucos reais a mais por mês, seria a hospedagem dedicada ou hospedagem em Servidor Virtual Privado (VPS), ambas garantindo acesso exclusivo a recursos computacionais, sem depender do comportamento dos “vizinhos”.

Além disso, com um serviço de hospedagem VPS gerenciada em comparação à não gerenciada, você conta com suporte adicional do seu provedor.

Para qualquer PME séria sobre sua presença digital, sugerimos fortemente analisar alternativas à hospedagem compartilhada.

Se tudo isso parece muito técnico, talvez você deva considerar usar soluções de construtores de sites de terceiros. Esses aplicativos permitem criar um site do zero usando um sistema fácil de arrastar e soltar. Além de serem bastante econômicos, o serviço de hospedagem já está incluso. Sites hospedados assim carregam relativamente mais rápido do que em servidores próprios. Isso permite que você foque no que faz de melhor – criar conteúdo e aumentar o tráfego do site.

Considerações Finais

Resumindo, o planejamento cuidadoso deve ser o primeiro passo ao criar um site. Ou seja, escolha bem os elementos que vai incluir. Cada um é realmente necessário? Procure temas leves (em tamanho de arquivo) e plugins bem codificados e testados . Em outras palavras, projete pensando em velocidade desde o início. Assim, você evita ter que mexer depois quando perceber que o site ficou lento e devorador de banda.

Uma coisa é certa. À medida que os usuários de internet se tornam mais exigentes – principalmente em relação a áudio, vídeo e interatividade – o tamanho dos arquivos só tende a aumentar. Isso significa que os donos de sites devem ficar atentos para que a velocidade não diminua com o tempo. O melhor caminho é fazer testes regulares e buscar sempre formas de ajustar seu espaço online para que ele funcione como a máquina afinada que você deseja.