5 passos para diminuir o tempo de carregamento do site em 54%

Você tem cerca de quatro segundos para reter a atenção de um visitante pela primeira vez por tempo suficiente para convertê-lo para sua lista de e-mail ou vender um produto ou serviço.

Depois disso, se eles ainda estiverem girando os polegares, esperando o primeiro sinal de uma página da web aparecer, você perderá cerca de metade deles. Grande suposição aqui, mas você provavelmente não quer sacrificar tantos clientes pagantes em potencial só porque seu site faz uma preguiça de árvore parecer rápida.

De acordo com uma pesquisa da Gomez.com, cerca de metade dos visitantes da web querem que um site carregue em 2 segundos, e geralmente saem de um site que não é carregado em 3 segundos. 79% dos compradores online que têm problemas com o desempenho do site dizem que não voltarão ao site para comprar novamente e cerca de 44% deles compartilhariam com amigos se tivessem uma experiência ruim com compras online.

A boa notícia é que, na maioria dos casos, o tempo de carregamento da página pode ser melhorado drasticamente com alguns ajustes. Talvez até 54% com os cinco que estamos prestes a lançar sobre você. Preparar? Vamos lá!

#1. Reduzir essas imagens ao tamanho

Talvez o maior ofensor quando se trata de um site mortalmente lento sejam as imagens que não foram otimizadas. Estamos falando de tamanho de arquivo simples. Muitas vezes, as imagens extraídas diretamente de uma câmera de telefone ou site de imagens de banco de imagens são enormes – muitos megabytes. No momento em que você coloca um ou mais desses bebês em algumas dezenas ou centenas de postagens, seu site está chafurdando como um peixe-boi grávido.

Aqui está uma solução para este problema. Se você tiver o Photoshop, ótimo, embora um editor gráfico on-line gratuito como o Pixlr funcione tão bem. O que você precisa fazer é reduzir o tamanho de cada imagem antes que ela seja carregada no site. Você pode mexer nas configurações para encontrar o que funciona para você, mas fotografe imagens com tamanho de kilobytes em vez de megabytes.

#2. Coloque seu navegador para trabalhar em cache

Os navegadores mais usados ​​têm a capacidade de armazenar em cache os elementos do site, e você seria um empreendedor inteligente para tirar proveito disso. Aqui está a maneira como funciona. Quando um visitante chega ao seu site pela primeira vez, todos os elementos da página – imagens, texto, scripts, CSS – devem ser baixados. Desculpe, não há realmente nenhuma maneira de contornar isso, embora deva enfatizar a necessidade de tornar seu site o mais enxuto possível desde o início.

Mas com o cache configurado corretamente, as visitas subsequentes são carregadas mais rapidamente porque os elementos que não foram alterados não precisam ser baixados novamente. Como a maioria dos sites (apesar dos sites de notícias) tem a maioria do conteúdo que permanece o mesmo, o cache do navegador acelera consideravelmente a experiência. Se o pensamento de certificar-se de que esta função está habilitada em seu site faz você ficar em colmeias, ligue para o suporte técnico da sua empresa de hospedagem e faça com que eles ganhem dinheiro.

#3. Emagreça seu site

Você sabia que, ao ativar a compactação em seu site, você pode reduzir o tamanho do arquivo cumulativo em 50-70%? Gente, isso é significativo e pode ser a diferença entre um negócio online de sucesso e um tempo gigantesco. O que estamos falando essencialmente aqui é soltar os arquivos do seu site em um cinturão cibernético – também chamado de compactação.

Um site compactado requer menos largura de banda para ser baixado no computador de um visitante, portanto, se move pelo “pipeline” mais rapidamente. A compactação em todo o site é uma configuração aplicada no nível do servidor. Se você executa seu próprio servidor, provavelmente já sabe disso, então sinta-se à vontade para pular para o próximo item da nossa lista. Para as massas que assinam planos de hospedagem regulares, você deve, mais uma vez, ligar ou conversar com sua simpática equipe de suporte técnico. Diga a eles o que você está tentando realizar e eles devem ser capazes de continuar a partir daí.

#4. Simplifique seu CSS

Web designers usam arquivos CSS para controlar o layout e a aparência de uma página da web. Como esse arquivo (ou arquivos) precisa ser carregado antes de você ver qualquer coisa, faz sentido mantê-lo o menor possível. Um bom primeiro passo para isso é dar uma olhada no código real e jogar fora qualquer coisa que não precise estar lá. Literalmente, cada caractere e espaço que você usa adiciona tamanho ao arquivo e tempo de espera de um visitante.

Seu próximo passo é minimizar o CSS. Este é o processo de remover espaços extras no código que o tornam bonito, mas diminui o tempo de carregamento. Se você estiver usando um CMS para seu site, alguns (HubSpot) minimizam automaticamente o CSS, enquanto outros (WordPress, Joomla) não. Se você precisar de uma opção de terceiros, confira um serviço online gratuito como o CSS Minifier. Corte, cole e comprima.

#5. Localize scripts estrategicamente

Todo mundo adora Javascript. Torna os sites muito mais legais e responsivos, mas, colocado incorretamente, também pode introduzir o que parece ser um ponto morto no processo de carregamento da página. Como ninguém gosta de paradas, especialmente o tráfego do site, faz sentido colocar qualquer Javascript que você usa no final do documento HTML.

Como os navegadores interpretam o HTML sequencialmente de cima para baixo e exibem os elementos à medida que eles chegam, a última coisa que você deseja é um código Javascript altamente posicionado que essencialmente pressione o botão “pause” por vários segundos. Há uma frase no ramo jornalístico chamada “abaixo da dobra”, que se refere a matérias que aparecem na metade inferior da primeira página e são consideradas de menor importância do que a manchete principal.

Não estamos dizendo que seu código Javascript é menos importante, mas, devido à realidade de como os navegadores operam, faça um favor a si mesmo e torne-o a última coisa carregada.

Pensamentos finais

Muitos empreendedores online começam usando um plano de hospedagem compartilhada e quem poderia culpá-los? Eles são baratos e fáceis de configurar. A desvantagem é que seu site fica em um servidor com talvez centenas de outros. Obviamente, esta não é a situação perfeita quando a velocidade de carregamento do site é crítica. Eventualmente, você pode querer considerar uma opção mais rápida, como um servidor dedicado, um plano de hospedagem de servidor privado virtual ou até mesmo uma hospedagem gerenciada confiável.

Consulte este site para uma excelente comparação dos 5 tipos de hospedagem se você suspeitar que precisa de uma solução diferente, mas não tem certeza de qual deveria ser. Por fim, se você estiver curioso para saber se o seu site está realmente lento, este site permite que você insira seu URL e realize um teste de velocidade do site. Não há tempo como o presente para descobrir a verdade.

Esperamos que este artigo tenha ajudado você a aprender como diminuir o tempo de carregamento da página em 54%. Se você está seriamente preocupado em como acelerar seu site, nossos especialistas pensaram em um guia para melhorar seu desempenho especialmente para você.