Você já conhece o Google PageSpeed Insights? Essa é uma ferramenta gratuita, que te ajuda a entender a performance de carregamento da sua loja virtual. Vamos te mostrar como ela funciona e como usá-la agora. Boa leitura!
Toda loja virtual quer resultados de alta performance – ou seja, um alto número de visitantes e vendas. Um fator que tem influência direta nessa performance é a velocidade de carregamento.
Isso acontece porque, dia após dia, os consumidores ficam mais exigentes quanto aos sites que costumam visitar para comprar online. Uma pesquisa da Kissmetrics, por exemplo, mostrou que 40% dos visitantes abandonam páginas que levam mais de 3 segundos para carregar.
Além disso, dados de mercado apontam que cada 1 segundo a mais no tempo de carregamento do site reduz as conversões em 7%, em média.
Já deu para perceber que a velocidade de carregamento do seu site não é um assunto para ser levado na brincadeira, não é mesmo?
Neste artigo vamos te mostrar como uma ferramenta gratuita, o Google PageSpeed Insights, pode te ajudar a acompanhar a performance do seu site, diagnosticar problemas e resolvê-los em menos tempo.
Vamos começar?
Índice:
O que é o Google PageSpeed Insights?
O PageSpeed Insights, também chamado de PSI, é uma ferramenta gratuita do Google. Seu objetivo é ajudar na medição da velocidade de carregamento de um site, mostrando pontos de melhoria.
Seus dados são retirados de uma ferramenta open source chamada Lighthouse. Ela coleta, processa e analisa dados de usuários da internet, combinando essas informações com dados do Chrome User Experience Report.
Com base nesse cruzamento de informações, cada página recebe uma nota – que vai de 0 a 100 – que mostra o quão boa é a experiência de um visitante naquela página. Quanto mais rápido e estável for um site, maior será a sua nota.
O objetivo do PageSpeed Insights é ajudar a criar uma experiência mais fluida para o usuário. O Google entende que, quanto melhor for a experiência do usuário em uma página, maior será o seu engajamento. Para donos de lojas virtuais, engajamento pode ser entendido como compras.
É por isso que sites com taxas de carregamento mais rápidas têm mais chances de estar no topo dos resultados de pesquisa – um dos principais objetivos de quem deseja aumentar o tráfego orgânico.
Por que a velocidade de carregamento do seu site é importante?
Simplesmente porque, se o seu site demora para carregar, visitantes tendem a abandonar a página. Para Ecommerces, isso pode ser traduzido como taxas de conversão menores e diminuição no volume de vendas.
Uma pesquisa da Portent realizada em mais de 26 mil páginas mostrou que a conversão caiu em mais de 4% em função da demora no carregamento. Além disso, a cada segundo que passa durante o carregamento, 11% dos usuários perdem o interesse em esperar até o carregamento total.
E isso impacta até mesmo os maiores players do mercado. A Amazon, que é um dos maiores marketplaces do mundo, estimou que uma lentidão de até 1 segundo pode custar US$ 1.6 bilhão.
Dentro de um contexto concorrido como o de Ecommerce, todo segundo conta na hora de atrair a atenção dos clientes. Por isso, analisar e otimizar a velocidade do seu site não é um mero cuidado extra – é essencial para garantir vendas no longo prazo.
Veja, a seguir, algumas das principais vantagens de otimizar a velocidade de carregamento do seu site:
1. Melhora a experiência do usuário
Quando o seu visitante encontra uma página rápida, na qual imagens, textos e outros recursos visuais carregam sem problemas, a sua experiência melhora significativamente. Dessa forma, as suas chances de transformar este visitante em um lead ou um cliente, são mais altas.
2. Torna a jornada de compra mais fluida
A jornada de compra é representada por todos os pontos de contato que uma pessoa tem desde o momento que ela conhece a sua empresa, até o momento em que ela faz a compra. Esse processo pode variar de acordo com o perfil do cliente, do seu mercado e do tipo de produto que você vende
Quando o seu site é mais ágil, a tendência é que essa pessoa tome a decisão de compra mais rápido. Você pode entender mais sobre esse processo no seguinte artigo: Funil de Marketing: o que é e quais são as etapas?
3. Diminui as taxas de abandono de carrinho
Um dos maiores problemas para Ecommerces, hoje, são os carrinhos abandonados. Eles representam os clientes que acessaram o seu site, navegaram e escolheram os produtos e, por algum motivo, não completaram a compra.
Muitas vezes, por trás desse motivo está a lentidão do site.
Dessa forma, ao diagnosticar as páginas que apresentam lentidão e aplicar medidas para tornar o seu carregamento mais rápido, você diminui as chances de ter abandono de carrinhos.
Como usar o Google PageSpeed Insights?
O Google PageSpeed Insights é uma ferramenta gratuita e simples de usar. Para começar a analisar o seu site, siga os seguintes passos:
- Acesse a página do Google PageSpeed Insights;
- Digite ou cole a URL do site que deseja analisar;
- Clique em “Analisar”;
Veja uma análise do site do Ecommerce na Prática:
Você poderá analisar a performance do seu site em aparelhos mobile – ou seja, tablets e celulares – ou desktops.
COMECE SEU ECOMMERCE DO ZERO HOJE E FATURE OS PRIMEIROS 30 MIL EM 90 DIAS
Aula exclusiva (e gratuita) começando em:
00 horas
10 minutos
00 segundos
Vale lembrar que existem extensões do Chrome para rodar a análise diretamente no navegador. Ainda assim, o próprio Google recomenda que o site seja usado para análises mais confiáveis, já que não pode garantir a veracidade de informações de terceiros.
10 métricas do Google PageSpeed Insights
Agora que você já sabe o que é o Google PageSpeed Insights e qual a sua principal funcionalidade, vamos te mostrar algumas das métricas mais importantes e o que elas significam.
- Pontuação de velocidade: a pontuação de velocidade varia de 0 a 100. Esse número é calculado com base em diversos fatores;
- Dados de campo: os dados de campo mostram o desempenho do seu site nos últimos 30 dias. Ele é usado para acompanhar as mudanças mais recentes.
- Primeira exibição de conteúdo (FCP – First Contentful Paint): essa métrica serve para medir o tempo que seu site leva para mostrar o primeiro conteúdo para o usuário;
- Latência de entrada (FID): esse dado indica a capacidade de resposta da página aos comandos do usuário. Nesse caso, quanto menor o número, melhor;
- FCP (First Contentful Paint): essa é a primeira exibição importante. Está relacionada ao carregamento do principal conteúdo do seu site;
- Primeira CPU ociosa: esse é de um dado sobre a capacidade da página de responder à maioria das entradas do usuário;
- Possível latência máxima na primeira entrada: este dado está relacionado à máxima demora possível da primeira entrada, mostrando a duração da tarefa mais longa;
- Oportunidades: neste campo, o PageSpeed Insights sugere algumas oportunidades de melhoria para o seu site;
- Diagnóstico: o diagnóstico mostra o status atual da página nas diferentes métricas, além de demonstrar recomendações para aplicar no site;
- Tempo até ficar interativa: essa métrica é usada para medir o tempo que a página leva para ficar interativa ao usuário.
➡️ Leia também: O que é HTML?
Como tornar o seu site mais rápido com Google PageSpeed Insights?
A seguir, vamos deixar algumas dicas práticas de como melhorar a sua pontuação no Google PageSpeed Insights. Leia!
1. Otimize os códigos HTML
Otimizar o código HTML do seu site pode ajudar na velocidade de carregamento, já que códigos duplicados atrapalham a leitura dos servidores e podem fazer a sua página perder velocidade.
Uma ótima opção é fazer a compressão do código – um processo chamado de minificação. Existem muitas ferramentas para isso, sendo a Minify HTML e o HTML Minify as mais usadas.
2. Aproveite o cache do navegador
O Google PageSpeed Insights considera a quantidade de recursos que o navegador precisa assimilar da sua página para exibi-la sempre que é solicitado. E isso pode aumentar o tempo de carregamento.
O cache tem o papel de “lembrar” dos elementos da página, demandando menos recursos para o seu carregamento. Sempre que um visitante chegar ao seu site, dados como elementos da identidade visual, textos e rodapés não vão precisar ser carregados normalmente.
Esse recurso do cache pode ser implementado com plugins de fácil instalação. O W3 Total Cache é um dos mais populares do WordPress.
3. Otimize as imagens
Todo site tem imagens. Elas são essenciais para a experiência do usuário e dão mais dinamismo a qualquer página. Se elas forem muito pesadas, no entanto, podem atrapalhar o carregamento do site.
Felizmente, existem muitos recursos para compactar imagens, sem fazê-las perder a qualidade, como o Tiny PNG e o iLoveIMG.
4. Implemente o AMP
O AMP (ou Accelerated Mobile Pages) é uma ferramenta criada pelo Google para acelerar o carregamento de páginas em dispositivos móveis. Isso é importante para lojas virtuais, principalmente quando consideramos que boa parte do tráfego vem de celulares.
Páginas com a versão AMP ativada têm mais chances de chegar ao topo dos resultados orgânicos, aumentando o tráfego. Existem alguns plugins feitos especialmente para a criação desse tipo de página, vale a pena testar!
5. Postergue o carregamento das imagens fora da tela
Quase sempre, quando o usuário está navegando em uma página, ele vai rolando até o fim. Isso quer dizer que o conteúdo no fim da página só é visível para o visitante quando ele chega até lá.
Por isso, o que muitas empresas fazem é postergar o carregamento dessas imagens no fim da página. Assim, os conteúdos do início carregam mais rápido, oferecendo uma experiência melhor para o cliente.
Preciso tentar chegar ao 100 no Google PageSpeed Insights?
Não necessariamente. A nota máxima no Google PageSpeed Insights é uma meta muito difícil e persegui-la a todo custo pode requerer muito investimento de tempo e recursos. Por isso, ela deve ser encarada como um apenas guia para as otimizações do seu site.
O PSI deve ser usado para análises periódicas, ajudando a entender qual a real situação do seu site. Em outras palavras, essa é uma ferramenta que ajuda na melhoria contínua do seu site, não no alcance de um objetivo final.
Além disso, é importante que você leve outras métricas em consideração na análise da performance do seu site, tais como a taxa de conversão, taxa de rejeição, dentre outras.
A experiência, nesse caso, é a melhor amiga do empreendedor. Ela ajuda a produzir análises mais aprofundadas e certeiras, que realmente colocam o negócio no caminho certo.
Mas para aqueles que ainda não têm tanta experiência, o estudo é o melhor caminho para gerenciar um negócio de sucesso. E, sabendo disso, nós criamos a assinatura Ecommerce na Prática, uma plataforma que concentra todos os cursos e treinamentos que os empreendedores precisam para prosperar.
São centenas de cursos sobre vendas, marketing, finanças e mais. Para começar a estudar agora, acesse nossa página:
Perguntas Frequentes
O que é o Google PageSpeed Insights?
O PageSpeed Insights, também chamado de PSI, é uma ferramenta gratuita do Google. Seu objetivo é ajudar na medição da velocidade de carregamento de um site, mostrando pontos de melhoria.
Por que a velocidade de carregamento do seu site é importante?
Simplesmente porque, se o seu site demora para carregar, visitantes tendem a abandonar a página. Uma pesquisa da Portent realizada em mais de 26 mil páginas mostrou que, a cada segundo que passa durante o carregamento, 11% dos usuários perdem o interesse em esperar até o carregamento total.
Como usar o Google PageSpeed Insights?
O Google PageSpeed Insights é uma ferramenta gratuita e simples de usar. Para começar a analisar o seu site, acesse a página do Google PageSpeed Insights, digite ou cole a URL do site que deseja analisar e clique em “Analisar”.
Preciso tentar chegar ao 100 no Google PageSpeed Insights?
Não necessariamente. A nota máxima no Google PageSpeed Insights é uma meta muito difícil e persegui-la a todo custo pode requerer muito investimento de tempo e recursos. Por isso, ela deve ser encarada como um apenas guia para as otimizações do seu site.
