Isso por si só nos diz que sim, a velocidade da página realmente importa – e é por isso que é vital que sua empresa tenha um site que carregue rápido o suficiente para atender às expectativas de seus usuários.

1.1 A velocidade da página realmente importa?

Uma velocidade de página impressionante ajuda a manter seu usuário engajado, incentiva-o a explorar o site e interagir com seu conteúdo. Sem isso, você corre o risco de maior desistência de página e taxas de conversão mais baixas.

Pesquisas sobre experiência e comportamento do usuário

Vários estudos foram realizados sobre a velocidade de carregamento da página e todos indicam claramente que um site lento pode impactar significativa e negativamente a experiência do usuário, o que, do ponto de vista comercial, pode custar caro.

Por exemplo, pesquisas realizadas pela Akamai.com e Gomez.com mostram que 47% dos consumidores não esperam mais de dois segundos para que uma página da Web carregue e, se o site não carregar em três segundos, eles abandonam o site.

Da mesma forma, de acordo com os dados apresentados pela AOL, a velocidade de carregamento da página afeta as exibições de página por visita em até 50%. Outro estudo descobriu que 79% dos compradores on-line que tiveram problemas de desempenho em um site dizem que têm menos probabilidade de retornar a esse site novamente, com 44% deles dizendo que contariam a um amigo sobre sua experiência de usuário ruim.

Pensando nisso, analisamos como a velocidade do seu site pode afetar as vendas da sua loja virtual.

O site de comércio eletrônico Shopzilla alcançou um impressionante aumento de 25% nas visualizações de página e gerou entre 7% e 12% mais receita ao melhorar o tempo de carregamento do site de aproximadamente 7 segundos para aproximadamente 2 segundos. Esses números estão muito alinhados com a pesquisa da Gomez.com e da Akamai.com, que dizem que, para uma loja de comércio eletrônico que ganha US$ 100.000 por dia, um atraso de página de apenas um segundo pode custar US$ 2,5 milhões em vendas perdidas a cada ano. Esse mesmo atraso de um segundo na resposta da página pode resultar em uma redução de até 7% nas conversões.

Velocidade da página como fator de classificação do mecanismo de pesquisa

Quando se trata de otimização de mecanismo de pesquisa, pensamos imediatamente em usar palavras-chave em nosso conteúdo da web ou gerar backlinks para nosso site, mas a única coisa que muitas vezes esquecemos é a importância da velocidade da página nas classificações de SEO. Nas palavras do Google:

“Acelerar sites é importante – não apenas para proprietários de sites, mas para todos os usuários da Internet. Sites mais rápidos criam usuários felizes e vimos em nossos estudos internos que, quando um site responde lentamente, os visitantes passam menos tempo nele."

Em apoio a esta declaração, o Google atualizou o Google Analytics para incluir ferramentas estatísticas adicionais, como Tempo de carregamento da página, Pesquisa e Tamanho da página, em uma tentativa de permitir que o webmaster analise completamente o desempenho de seu site e comece a desenvolver estratégias e ações para melhorar seus tempos de carregamento de página.

É claro que nem todo site que atinge uma velocidade de carregamento de página ideal ocupará o primeiro lugar nos resultados do mecanismo de pesquisa; há muitos outros fatores de influência a serem considerados – isso é, essencialmente, apenas uma peça do quebra-cabeça. O que podemos dizer com confiança é que um site de carregamento rápido terá vantagens distintas sobre os sites concorrentes que ainda não estão atualizados.

1.2 Teste a velocidade da sua página

Testar a velocidade da sua página é uma boa ideia e estamos aqui para mostrar como. Sugerimos o uso de uma ferramenta online amplamente utilizada do Pingdom.

Basta acessar tools.pingdom.com, inserir o endereço do seu site, selecionar sua localização no menu suspenso e pressionar ‘Iniciar teste’. Pingdom fará o resto.

Depois de analisarem seu site, o Pingdom fornecerá uma pontuação de velocidade de página junto com algumas informações úteis. Dê uma olhada no nosso exemplo abaixo:

Você também receberá um relatório abrangente com instruções linha por linha para corrigir cada um dos elementos que estão deixando seu site lento. Dependendo da complexidade das correções sugeridas, você pode entrar em contato com o desenvolvedor do site para ajudá-lo a implementar as alterações necessárias.

1.3 Prática recomendada para melhorar a velocidade de carregamento da página

Sabemos que uma boa velocidade de carregamento da página é crucial para a retenção de clientes e as taxas de conversão e, agora que você determinou a velocidade de carregamento da página, não há melhor momento para entrar em ação e melhorá-la. Aqui estão algumas das etapas que recomendamos que você siga para aumentar a velocidade do seu site.

1 Use uma rede de entrega de conteúdo (CDN)

Usar um serviço CDN é uma das formas mais populares de reduzir o tempo de carregamento da página. Ele faz isso enviando uma versão em cache do conteúdo da sua página da Web para uma rede geograficamente distribuída de servidores chamada Pontos de Presença, ou POPs, para abreviar.

Ao fazer isso, a distância virtual entre os servidores é reduzida, o que significa que o conteúdo é entregue e carregado na página mais rapidamente – e como seus arquivos da Web estão espalhados por vários servidores, o CDN reduz a carga em qualquer servidor único.

Essencialmente, o CDN coloca seu conteúdo em locais diferentes ao mesmo tempo, o que significa que o visitante da página da Web pode acessar o conteúdo muito mais rapidamente do que seria possível sem um CDN. Isso não apenas significa que os visitantes de sua página têm maior probabilidade de permanecer em seu site por mais tempo, mas também significa que você economizará largura de banda de seu pacote de hospedagem principal.2zs

2 Use cabeçalhos Expires para aproveitar o cache do navegador

Expires headers é um código de trecho definido no arquivo .htaccess. Ele instrui o navegador, direcionando-o para solicitar uma página específica do servidor ou obter uma versão de uma página do cache do navegador.

Os cabeçalhos Expires permitem que os usuários reutilizem os arquivos em cache de páginas da Web armazenados no navegador e reduzam o tempo necessário para baixar os arquivos. Também reduz o número de solicitações feitas para carregar a página da web, diminuindo assim o tempo de carregamento da página.

Observe que os cabeçalhos Expires funcionarão apenas se o visitante já tiver uma versão de sua página da Web armazenada no cache do navegador. Para conseguir isso, o usuário deve ter visitado seu site pelo menos uma vez anteriormente.

3 Conserte todos os links quebrados

Os links quebrados desencorajam os usuários de visitar outras páginas do seu site e podem significar que os usuários optam por sair completamente do seu site. Além da baixa retenção de usuários, isso pode causar outros problemas.

Por exemplo, quando os usuários gastam menos tempo em seu site, os algoritmos do mecanismo de pesquisa assumem que seu site não possui conteúdo ou informações de qualidade. Isso, por sua vez, diminuirá significativamente o número médio de páginas visitadas por usuário e afetará negativamente a classificação do seu mecanismo de pesquisa.

Corrija isso identificando e corrigindo seus links quebrados. Recomendamos o uso de uma ferramenta gratuita como Google Webmaster Tools ou Screaming Frog SEO Spider.

4 Especifique as dimensões da imagem e o conjunto de caracteres nos cabeçalhos HTTP

Quando um usuário visita uma página da web, seu navegador precisa preparar o layout completo dessa página, o que pode causar atrasos no carregamento da página.

Ao especificar as dimensões das imagens em suas páginas da web, você pode ajudar a economizar o tempo do navegador – e ao economizar o tempo do navegador, você economiza o tempo do visitante da página.

Pelo mesmo motivo, você também deve especificar um conjunto de caracteres nos cabeçalhos de resposta HTTP para minimizar o tempo gasto pelo seu navegador na determinação do conjunto de caracteres do seu site.

5 Otimizando as Imagens

Imagens superdimensionadas sempre demoram mais para carregar, por isso é importante mantê-las o menor possível.

Certifique-se também de otimizar cada imagem antes de carregá-la em seu site e, se estiver usando um software gráfico para otimizar as imagens, use a opção ‘Salvar para a Web’. Isso reduzirá o tamanho das imagens e melhorará o tempo de carregamento da página. Lembre-se de que você deve usar extensões de imagem JPEG ou PNG – não use BMPs ou TIFFs.

Os usuários do WordPress podem instalar o plug-in WP Smush.it para compactar imagens automaticamente. O WP Smush.it é executado em segundo plano toda vez que você carrega uma imagem para sua biblioteca de mídia e reduz o tamanho das imagens sem degradar a qualidade.

6 Reduzir redirecionamentos 301

Para reparar links quebrados (erros 404), os redirecionamentos 301 são os preferidos. No entanto, quando você tem muitos redirecionamentos 301 em seu site, o navegador pode demorar mais para chegar ao destino correto.

Os redirecionamentos 301 criam solicitações HTTP adicionais, o que significa um aumento adicional no tempo de carregamento da página, portanto, sempre que possível, mantenha os redirecionamentos 301 no mínimo. Recomendamos encontrar seus redirecionamentos 301 usando a ferramenta Screaming Frog SEO Spider.

7 Use compactação GZIP

A compactação e deflação GZIP reduzem o tamanho do arquivo sem prejudicar a qualidade visual das imagens e vídeos, o que pode realmente ajudar a melhorar o tempo de carregamento da página.

Pergunte ao seu provedor de hospedagem na web se ele ativou a compactação e deflação GZIP em seus servidores da web. Se você estiver usando hospedagem VPS, poderá ativá-la por conta própria.

8 Ativar cache do navegador

Quando os usuários visitam seu site pela primeira vez, eles precisam baixar conteúdo HTML, folhas de estilo, arquivos JavaScript e imagens antes de poderem ver sua página. Quando o cache do navegador está ativado, alguns usuários não precisam carregar cada elemento da página da web em visitas subsequentes.

Sistemas de gerenciamento de conteúdo como WordPress, Joomla e Drupal possuem excelentes plugins de cache para melhorar a velocidade da página. Esses plug-ins reduzem o tempo de carregamento da página armazenando em cache a versão mais recente do seu site, para que seu navegador não precise gerar dinamicamente a mesma página todas as vezes.

9 Coloque CSS na parte superior e JS na parte inferior

Seu navegador renderizará um arquivo CSS antes de renderizar outras partes da sua página, portanto, para economizar tempo, você sempre deve colocar o CSS no topo da página.

Da mesma forma, coloque o JavaScript na parte inferior da sua página porque qualquer coisa abaixo do JavaScript será impedida de renderizar e baixar até que o JavaScript seja carregado.

10 Minimize seus arquivos CSS e JS

O termo minify denota o processo de remoção de caracteres desnecessários que não são necessários para a execução de um código. A maneira mais comum de reduzir arquivos é mesclar todos os arquivos CSS e JS em um só, para que você não precise chamar vários arquivos para cada solicitação individual.

Outra maneira de minificar é excluir espaços em branco, caracteres de nova linha, comentários e delimitadores de bloco em JS e CSS para tornar esses arquivos menores.

Os usuários do WordPress podem simplesmente instalar um plugin chamado WP Minify para reduzir os arquivos JS e CSS.

11 Desativar hotlinking de imagens

Hotlinking ou roubo de largura de banda consome sua largura de banda alocada e torna seu site mais lento. Para evitar hotlinking, simplesmente adicione o código abaixo ao seu arquivo .htaccess e carregue o arquivo em seu diretório raiz ou em um subdiretório específico para localizar o efeito em apenas uma seção do seu site.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 Como a hospedagem na Web afeta a velocidade da página

Se você seguiu a prática padrão acima para melhorar a velocidade da página e ainda percebe uma pequena diferença, verifique com seu provedor de hospedagem na web. O provedor de hospedagem na web e a tecnologia que você escolher podem ter um impacto significativo nos tempos de carregamento da página.

Quando você carrega um site, ele executa centenas de linhas de código, responde a várias solicitações e executa várias consultas ao banco de dados para renderizar apenas uma página. Todas essas execuções devem ser realizadas no servidor da Web, onde reside o seu site. Se o seu servidor da Web for poderoso, ele servirá sua página da Web mais rapidamente.

Por exemplo, imagine seu site como um carro. Você pode personalizá-lo dando-lhe uma reforma interior (otimização de código) e exterior (gráficos, design e layout frontal) para torná-lo ótimo. Mas se o seu mecanismo (ambiente de hospedagem) não for poderoso, seu site pode não atingir todo o seu potencial.

Em poucas palavras, a velocidade do site depende muito do tipo de hospedagem na web, empresa de hospedagem na web e pacote de hospedagem que você escolher, então verifique o que você se inscreveu.

1.5 Até que ponto a hospedagem VPS melhora a velocidade de carregamento da página?

Se o seu site estiver hospedado em uma conta de hospedagem compartilhada, considere atualizar para um VPS ou servidor dedicado. O VPS vem com RAM dedicada, vCPU e alocação de largura de banda para que seu site seja executado com seu próprio conjunto de recursos. Além disso, os usuários do VPS podem ajustar o VPS para ajustar a velocidade de carregamento da página.

Para determinar o quanto a hospedagem VPS melhora a velocidade de carregamento da página, realizamos um teste de velocidade de carregamento da página. O teste foi realizado nas instalações mais populares de CMS, Magento, WordPress, Drupal e Joomla, uma em um pacote de hospedagem compartilhada e outra em um pacote SSD VPS. Encontramos os seguintes resultados:

Os resultados destacam um atraso perceptível no carregamento da página no ambiente compartilhado com grande melhoria ao atualizar a hospedagem na web para VPS. As soluções de hospedagem VPS são sempre preferíveis à hospedagem compartilhada para sites com uso intensivo de recursos e alto tráfego.