Tenho trabalhado para construir WFHAdviser.com e aprendi lições valiosas sobre a velocidade do site ao longo do caminho.
Eu quero passar essas lições para você.
O Google fez uma atualização de algoritmo específico para a velocidade do site
Todo mundo sabe que a velocidade do site tem um lugar na conversa de SEO.
Mas, você sabia que em 2018 o Google publicou uma mudança específica para a velocidade do site em seu algoritmo? Chamadas de “atualização de velocidade”, as mudanças fizeram com que a velocidade de um site para celular desempenhasse um papel mais proeminente nas buscas e também nos anúncios.
A atualização também foi necessária. No momento de seu lançamento, a pesquisa do Google mostrou que as chances de salto aumentavam 32% se o tempo de carregamento do site aumentasse de um segundo para três segundos.
As chances de taxa de rejeição também aumentaram para 90% se subisse para cinco segundos e 123% para 10 segundos ou mais.
A mudança certamente teve um impacto positivo na experiência do usuário online. As métricas de desempenho centradas no usuário melhoraram de 15% a 20% e o abandono do carrinho caiu 20% alguns meses após o lançamento da atualização.
Então o que tudo isso significa?
Essencialmente: aqueles com páginas bem otimizadas terão uma classificação mais elevada nos motores de busca para as suas palavras-chave alvo.
Conduza um análise de lacunas de palavras-chave, um processo definido pela Loganix como “identificar palavras-chave valiosas nas quais seus concorrentes têm uma boa classificação, mas você não”.
Quando você encontrar palavras-chave valiosas que seus concorrentes não classificam, concentre-se fortemente na otimização dessas páginas para aumentar a velocidade ainda mais.
A velocidade do site afeta a intenção de compra
A importância da velocidade do site vai além da classificação apenas. O Google conduziu uma análise completa do impacto da velocidade do site para celular na disposição do consumidor de gastar.
O relatório deles, chamado Milissegundos fazem milhões, mostrou um efeito cascata massivo na jornada do comprador, mesmo com uma mudança de 0,1 segundo no tempo de carregamento.
Por exemplo, uma redução de 0,1% no tempo de carregamento de um site de varejo causou um aumento de 9,2% nos gastos online.
Para marcas de luxo, um aumento semelhante no desempenho levou a um aumento de 40% na navegação no site e na adição de itens ao carrinho.
Estudos semelhantes encontraram a mesma relação entre a atividade do consumidor e os tempos de carregamento do site. O Google disse que dois segundos é o tempo máximo de carregamento do site ideal para um site de comércio eletrônico.
Melhor velocidade do site é uma vantagem competitiva (oculta)
Portanto, estabelecemos que o Google adora um site de carregamento rápido, assim como os usuários. Mesmo assim, a maioria dos webmasters não está prestando atenção.
Você deve.
UMA pesquisa de 5,2 milhões de páginas de sites para celular e desktop descobriram que a maioria dos tempos de carregamento do site eram terrivelmente inadequados.
Por exemplo, o tempo médio de carregamento de uma página para desktop neste estudo foi de 10,3 segundos, enquanto o de uma página da web para celular foi de 27,3 segundos.
A página da web média também leva 87,4% mais tempo para carregar no celular do que no desktop.
Esta é uma grande oportunidade para quem está lendo isso. Você pode facilmente superar sua concorrência simplesmente melhorando a velocidade do seu site.
Isso não apenas aumentará sua presença SERP, mas também poderá diminuir sua taxa de rejeição e, ao mesmo tempo, aumentar o tráfego.
Reduzir o tempo de carregamento do seu site também não é tão difícil. Aqui estão três maneiras de fazer exatamente isso.
Otimize o tamanho do arquivo do seu site
Um site consiste em vários arquivos HTML, JavaScript e CSS que determinam como ele aparecerá e funcionará. Esses arquivos também ocupam muito espaço, especialmente se forem codificados de forma ineficiente.
A primeira etapa aqui será reduzir o número de solicitações que os arquivos do seu site estão causando.
Uma solicitação HTTP é gerada por cada elemento na página. Quanto mais elementos seu site possui, mais solicitações ele gera. Infelizmente, isso leva a carregamentos mais lentos do site.
Você pode usar o Google Chrome Painel de Rede para encontrar o número de solicitações HTTP que uma página está gerando. Anote os pedidos desnecessários e retire-os.
Uma maneira mais fácil aqui será simplesmente combinar arquivos HTML, JavaScript e CSS semelhantes. Portanto, em vez de ter vários arquivos HTML, copie todo o código em um arquivo.
Repita para JavaScript e CSS. Menos arquivos irão gerar menos solicitações HTTP, diminuindo assim o tempo de carregamento do seu site.
Reduzir o código do seu site também ajudará muito. Procure por pedaços de código removíveis, quebras de linha e espaços em branco nos arquivos do seu site. Embora a minificação possa ser feita manualmente, também existem ferramentas disponíveis:
- Terser é uma ferramenta de compressão de JavaScript muito popular.
- HTMLMinifier é ideal para lidar com arquivos HTML.
- CSSNano pode ser usado para compactar arquivos CSS.
Se você tiver elementos interativos em seu site, eles geralmente podem tornar as coisas lentas.
O que é definido como interativo? Bem, aqui está um ótimo exemplo de Preply:
Cada vez que você clica no mapa mundial, ele obtém mais informações.
Se não for otimizado e armazenado em cache corretamente, isso pode diminuir drasticamente o tempo de carregamento.
Trabalhe com um desenvolvedor para garantir que seu código seja mínimo e eficiente.
Otimize as imagens do seu site
Embora as imagens sejam essenciais para uma boa experiência online, elas podem consumir rapidamente o tempo de carregamento do seu site. Isso é especialmente verdadeiro para sites de comércio eletrônico que usam muitas imagens, como Viciado em sono, retratado aqui.
Embora a maioria das páginas da web pese 2 MB hoje em dia, o Google recomenda mantê-las abaixo de 500 KB. Claro que isso representa um desafio, pois as imagens geralmente são o componente mais pesado da página.
Comprimir imagens também é um ato de equilíbrio preciso, pois reduz a qualidade da imagem. O melhor lugar para começar é selecionando um formato de imagem apropriado.
- As imagens PNG são de alta qualidade, mas tendem a ser mais pesadas, portanto, são ideais para desenhos simples e imagens de texto.
- JPEG usa compactação com perdas e permite melhores taxas de qualidade e tamanho, portanto, pode ser usado para fotografias regulares e gráficos complexos.
- Finalmente, os Gifs são imagens simples e repetitivas de baixa resolução.
Existem várias maneiras de usar imagens de alta qualidade sem aumentar o tempo de carregamento do seu site. Uma rede de distribuição de conteúdo como o AWS Cloudfront pode ser usada para descarregar suas imagens, que podem ser servidas sob demanda.
Em segundo lugar, você também pode configurar seu CMS para dimensionar imagens em todo o site. Desta forma, você pode criar um modelo para imagens em miniatura e como suas versões completas são exibidas.
Se você usa o WordPress, considere usar o plugin Imsanity para configurar a compactação de imagens.
Como alternativa, você também pode usar compressores de imagens gratuitos baseados na web, como Jpeg-Optimizer, Optimizilla e Kraken para compactar manualmente as imagens do seu site.
Otimize os vídeos do seu site
Os vídeos são geralmente os maiores arquivos individuais que seu site pode ter. Eu tenho alguns em WFHAdviser.com/videos que estão hospedados no YouTube.
Portanto, mesmo que você mantenha o número de vídeos baixo, até mesmo um único arquivo pode diminuir consideravelmente o tempo de carregamento. Como as imagens, entretanto, você tem várias opções para compactar arquivos de vídeo em limites gerenciáveis.
A otimização do tamanho do vídeo começa logo na produção. Aqui está um exemplo incrível de publicação de vídeo bem feita. Mesmo que a página tenha um vídeo incorporado, ela carrega com bastante rapidez.
Também é melhor mudar para um formato de vídeo HTML5, como MP4 ou WebM. Ambos são suportados pela maioria dos navegadores e permitem taxas de qualidade de compressão aceitáveis.
Você pode usar uma ferramenta de compressão de vídeo como o Handbrake para reduzir o tamanho dos arquivos de vídeo sem sacrificar (muito) a qualidade também. Além disso, considere remover o áudio dos vídeos que estão sem som.
Um CDN pode ser usado novamente para veicular vídeos sob demanda aqui. Embora seja melhor evitar a reprodução automática de vídeos, eles devem ser configurados para reproduzir assim que a página da web for carregada completamente.
Como alternativa, você pode simplesmente incorporar seus vídeos usando um serviço de streaming de vídeo como YouTube ou Wistia, como neste exemplo no Bem-Estar Manly local:
Isso permite que seu site envie pequenos pedaços de conteúdo ao usuário, agilizando o tempo de carregamento.
Conclusão
Os tempos de carregamento do site só se tornarão mais importantes daqui para frente.
Incorpore esse aprendizado em seu aprendizado técnico hoje. Mude a forma como você projeta e constrói.
É melhor tornar esse aprendizado parte integrante de sua estratégia digital.
Como alternativa, você pode ter uma agência de SEO para cuidar disso para você. Como a otimização de imagens faz parte do SEO, uma campanha direcionada pode ajudá-lo a criar um site formatado corretamente desde o início.
A escolha é sua e seus usuários – como os motores de busca – recompensarão essa atenção aos detalhes.
