Google PageSpeed ​​Insights: como alcançar a pontuação mais alta e obter mais resultados?

Publicados: 2021-07-12

O que é melhor: fazer algo rápido ou bem?

Esta questão levantaria uma discussão interessante em qualquer rodada de conversa. Ainda assim, o objetivo deste artigo é mostrar que eles são a mesma coisa em muitos casos, especialmente quando se trata da experiência do usuário em sites, blogs e aplicativos.

A velocidade de carregamento da página faz toda a diferença. Não é por acaso que o Google dá tanta importância a esse fator quando se trata de classificar as páginas nos resultados de pesquisa.

Mesmo que seu site tenha o design ideal para sua persona e você tenha revisado o conteúdo mais de mil vezes para garantir que seja claro e direto o suficiente, sua estratégia será prejudicada se você não tiver páginas leves e rápidas.

Felizmente, o Google criou uma ferramenta chamada Google PageSpeed ​​Insights, que ajuda você a avaliar (e melhorar) a velocidade de carregamento de um site .

Vamos aprender mais sobre como esse recurso funciona e por que você precisa começar a usá-lo hoje para melhorar a velocidade do seu site.

Neste artigo, você aprenderá:

    O que é o Google PageSpeed ​​Insights?

    O PageSpeed ​​Insights, também conhecido como PSI, é uma ferramenta online do Google que avalia a velocidade de carregamento de uma página da web.

    Primeira página do Google Pagespeed Insights

    A avaliação separa a pontuação de desempenho em dispositivos móveis do desempenho em desktops e também oferece sugestões práticas para otimizar a velocidade das páginas.

    Isso torna o PSI uma solução intuitiva e simples de usar, sem falar que é grátis. Mas algumas pessoas não acham que seja relevante.

    Todos os dados coletados para oferecer esses insights são coletados por meio do Relatório de experiência do usuário do Chrome, que contém informações sobre o uso real da web pública por usuários do Chrome.

    Entender o que motiva o Google a criar um recurso como esse pode ajudar você a pensar de forma diferente.

    O que motiva um serviço como o Google PageSpeed ​​Insights?

    Duas pequenas palavras que você já deve estar cansado de ouvir - experiência do usuário - resumem o trabalho do Google na defesa e incentivo à criação de páginas mais rápidas e leves.

    Ninguém gosta de esperar muito para encontrar as informações que deseja em seu navegador. Pense na sua própria experiência: quantas vezes você ficou impaciente ao esperar que uma página carregasse no seu telefone ou mesmo no seu computador?

    Se você parar para pensar sobre isso, vai perceber que na maioria das vezes isso aconteceu, o grande “atraso” foi apenas uma questão de segundos. Portanto, se 1 segundo parece uma semana para o usuário, sites lentos afetam negativamente a experiência de navegação .

    O Google não quer isso, e você também não. Afinal, experiências ruins significam menos dinheiro na mesa.

    Na verdade, os últimos benchmarks do setor do Google para velocidade de página móvel mostram que a maioria dos sites é muito além da perfeição. E está acontecendo em todos os setores.

    Esse é um bom motivo para o Google fornecer essas métricas ao público, para que todos possam ver que há muito espaço para melhorias.

    O que acontece com as páginas que demoram muito para carregar?

    Faz tanta diferença ter um site que leva 1 segundo a mais para carregar do que a média? Absolutamente!

    Quer ver a prova? Um estudo da Kissmetrics sobre o assunto revelou que o atraso de 1 segundo resulta em 7% menos conversões em um site.

    Por exemplo, se um e-commerce vende 100 mil dólares por dia, apenas mais 1 segundo no carregamento das páginas pode custar até 2,5 milhões em vendas perdidas por ano!

    Parece absurdo? Veja as várias maneiras pelas quais o tempo de carregamento da página afetaria sua operação e seus resultados de vendas.

    Maior taxa de abandono

    A mesma pesquisa da Kissmetrics, mencionada acima, mostrou que o comportamento dos compradores online é bastante alterado dependendo da velocidade da loja em que estão.

    O estudo mostrou que nada menos que 40% dos clientes deixam um site que leva mais de 3s para carregar. Você sabe o que isso significa?

    Que se você tem um e-commerce que leva 3,5s para carregar, você pode desperdiçar quase metade do potencial de tráfego e perder muitas vendas.

    Menos conversões

    O cliente satisfeito compra duas, três ou dez vezes. O fato é que, se seus clientes não gostarem da experiência de compra, é improvável que voltem. E como o tempo de carregamento das páginas contribui para isso?

    Um atraso de 1 segundo (ou 3s de espera) reduz a satisfação do cliente em 16%!

    Como complemento a esta percepção, é um grande aviso saber que 79% dos clientes que se dizem insatisfeitos com o desempenho percebido do site não voltarão a comprar nele.

    Tráfego orgânico mais baixo

    O tráfego é a origem da relação comercial. Sem ele, não há compra. E o tráfego orgânico é ainda mais precioso porque vem naturalmente e custa menos para adquirir do que investir em anúncios.

    E se pensava que, pelo menos nisso, a velocidade do site não seria problema, enganou-se. Kissmetrics também mostrou que 44% dos compradores contam a seus amigos sobre uma experiência online negativa .

    Da mesma forma que o “boca a boca” pode ajudar muito na obtenção de tráfego orgânico qualificado, o oposto também é verdadeiro: você pode perder visitas ao criar uma má reputação aos olhos da persona.

    Em um estudo recente da Backlinko, eles descobriram que a velocidade da página pode ter um impacto significativo nos rankings SERP. Confira este vídeo abaixo onde mostram os resultados da pesquisa.

    Você sabe o que todos os dados apresentados aqui mostram claramente?

    Que uma fração de tempo aparentemente insignificante, na verdade, tem uma grande influência sobre como sua empresa será vista e os resultados financeiros que ela alcançará.

    Em outras palavras, quando se trata de fazer negócios online, tempo é dinheiro , de uma forma verdadeiramente impressionante.

    Baixe o infográfico gratuito para entender como a velocidade afeta seu site

    Como funciona a pontuação do Google PageSpeed ​​Insights?

    A pontuação que seu site recebe quando você digita a URL no PSI não é aleatória, nem poderia ser. Você precisa compreender totalmente o processo de análise para torná-lo preciso e confiável.

    Então, quais critérios o Google usa para determinar qual classificação cada página da web deve receber?

    Basicamente, o PageSpeed ​​Insights faz duas coisas:

    • analisa o tempo de carregamento de sua página e quantos recursos ela possui (plug-ins, scripts de código que se comunicam com mais frequência com o servidor e fazem a página demorar mais para carregar, etc.);
    • compara esses dados com a média de todas as páginas analisadas.

    Após essa comparação, o PSI faz um relatório simples, mas objetivo, que mostra:

    • qual é o tempo médio de carregamento das páginas da web;
    • qual é o tempo de carregamento de suas páginas;
    • sua pontuação final de velocidade da página;
    • sugestões de maneiras de otimizar seu tempo de carregamento.
    dados de laboratório google pagepeed insights

    E como funciona a classificação? Vai de 0 a 100 e é definido quando o algoritmo compara a página com as melhores práticas (criadas pelo próprio Google) para otimizar a pontuação de desempenho.

    Por fim, a nota é dada com base em quanto espaço existe para melhoria e otimização , ou seja, quantos pontos recomendados você ainda precisa aplicar.

    Ao lado da pontuação numerada, há uma classificação de texto, que é assim:

    • bom: pontuação de 80;
    • média: pontuação entre 60 e 79;
    • ruim: pontuação de 0 a 59.

    Se você tiver alguma dúvida específica sobre como usar e analisar esses números, o Google disponibiliza um canal no Stack Overflow para que os usuários tirem suas dúvidas.

    Como usar o relatório do Google PageSpeed ​​Insights?

    É muito fácil usar o relatório PSI. Conforme explicamos, basta acessar o link PageSpeed ​​Insights e digitar seu URL para ver o resultado.

    Mas e daí? Você precisa agir rapidamente para corrigir os erros e obter melhores resultados. Logo abaixo das sugestões, há links com as palavras “mostre como consertar” .

    Depois de clicar neles, você verá quais arquivos estão deixando a página mais lenta e como lidar com eles para reduzir o tempo que o servidor leva para responder.

    diagnósticos google pagepeed insights

    Receber o diagnóstico é simples e rápido, mas só o faça quando estiver pronto para prosseguir com o “tratamento” e otimizar seu site de uma vez por todas.

    Por que é importante obter uma boa pontuação no PageSpeed ​​Insights?

    Em primeiro lugar, uma boa classificação no PageSpeed ​​Insights significa que um site tem uma configuração de SEO satisfatória.

    Isso porque, assim como o Mobile Friendly e o Mobile First, a velocidade de carregamento nos smartphones é um dos critérios mais comentados pelo próprio Google nos últimos anos.

    Mas os benefícios vão além! Um site com páginas ágeis contribui significativamente para a experiência do usuário, o que se traduz em menores taxas de rejeição, maior tempo do visitante na página , aumento do tráfego e crescimento no número de leads .

    No entanto, nos e-commerces, os efeitos são ainda mais críticos, pois as vendas e as taxas de conversão, bem como o número de desistências do carrinho, são diretamente afetadas por essa métrica.

    Em 2012, uma pesquisa da QuBit já mostrava que o varejo online estava perdendo cerca de 1,73 bilhão de libras (quase 2,27 bilhões de dólares) por ano nas vendas globais apenas por esse motivo. Agora, considere que mais de 57% das pesquisas na Internet vêm de dispositivos móveis!

    Fonte: https://www.3xceler.com.br/blog/e-commerce/mobile-ultrapassa-o-desktop-no-trafego-de-buscas

    Outro estudo que vale a pena conferir é a pesquisa realizada pelo site do Walmart para avaliar o impacto do tempo de carregamento nas conversões. Os resultados falam por si.

    fonte: https://www.slideshare.net/devonauerswald/walmart-pagespeedslide

    Tudo isso muda nossa compreensão da jornada do consumidor. Se antes o acesso à Internet e as compras nas lojas online ficavam restritos a residências, instituições e lan houses, hoje isso acontece o tempo todo e em diversos lugares.

    Além disso, a familiaridade dos usuários com plataformas digitais, vendas online e transações também contribuíram para que os consumidores se tornassem mais sensíveis à qualidade e segurança dos sites que acessam .

    Nesse sentido, sites lentos e principalmente páginas de checkout e pagamento com falhas de carregamento nunca despertaram tanta desconfiança.

    Como obter a pontuação mais alta no PageSpeed ​​Insights: 10 fatores principais

    Você certamente está de olho na pontuação de 100 - a pontuação mais alta e que garante uma aparência favorável do maior mecanismo de pesquisa do mundo para sua página.

    Isso é ótimo, mas para obter a tão sonhada nota, é vital que você siga as recomendações do relatório à risca e otimize seu site imediatamente .

    Como cada site tem uma situação diferente, falaremos sobre 4 fatores que a maioria dos sites com notas boas (mas não ótimas) precisam melhorar e como você pode fazer isso.

    1. Menos código HTML

    A otimização do código HTML pode passar despercebida, especialmente se o seu site já existe há algum tempo ou foi criado sem seguir as práticas recomendadas do Google.

    O fato é que a forma como o código é organizado determina como os servidores irão ler as informações e por quanto tempo elas ficarão na tela.

    Código duplicado ou tags usados ​​fora do propósito atrapalham . Felizmente, não há necessidade de revisar toda a estrutura do código para fazer as alterações necessárias.

    Existem ferramentas de compressão de HTML que podem fazer esse trabalho de forma automática e rápida. Alguns deles até funcionam como plug-ins CMS.

    2. Bom uso do cache

    Na análise PSI, um dos principais elementos revisados ​​é o número de recursos que o navegador precisa para assimilar de sua página.

    Isso inclui imagens, scripts, fontes, etc. Tudo isso pode ser “armazenado na memória” do navegador através do cache.

    Assim, o navegador só carregará os elementos uma vez. Cada vez que o usuário muda de página, o navegador apenas “lembra” delas e puxa as informações necessárias do cache.

    Mas você precisa otimizar seu site para aproveitar essa possibilidade.

    Plugins como o W3 Total Cache, um dos mais populares do mundo, fazem isso de forma brilhante e oferecem outros recursos para otimizar seu código.

    3. Compressão de recursos

    Um dos elementos mais importantes no carregamento da página são as imagens, o que torna a compactação uma das recomendações mais recorrentes do PageSpeed ​​Insights.

    Muitas pessoas se esquecem de compactar imagens , o que pesa muito e torna os sites mais lentos

    Com a Internet cada vez mais visual, é comum ter muitos arquivos desse tipo. Portanto, nada melhor do que usar um bom compressor para reduzir o tamanho desses arquivos.

    O mesmo vale para CSS e Javascript. Junto com o HTML, eles constituem a página inteira. Portanto, é mais do que óbvio que a compactação desses arquivos tornará seu desempenho percebido significativamente melhor, bem como sua classificação PSI geral.

    Você pode usar ferramentas gratuitas como o TinyPNG para compactar as imagens antes de publicá-las em seu blog.

    4. AMP: páginas aceleradas para dispositivos móveis

    AMP (Accelerated Mobile Pages) é outra iniciativa do próprio Google para garantir que as páginas do site carreguem mais rapidamente em dispositivos móveis.

    A ideia é oferecer uma experiência móvel mais básica , sem coisas que funcionariam melhor nas versões desktop. Ao remover esses recursos desnecessários, a velocidade do site fica maior.

    Isso deixa claro que é melhor para o usuário ter uma experiência rápida e direta do que uma versão completa do site, na qual seria forçado a esperar mais para ver o conteúdo.

    5. Tamanho reduzido das páginas

    Obviamente, quanto mais recursos uma página contiver, mais pesada ela será e mais tempo levará para carregar.

    Em geral, são as imagens e os vídeos que mais contribuem para o peso das páginas . No entanto, o tamanho total dos arquivos JavaScript e CSS também deve ser considerado. Vejamos tudo isso em partes.

    6. Vídeos enviados externamente

    Se as imagens tornam suas páginas pesadas, imagine o que um vídeo não faz com elas, certo?

    Exceto em casos muito especiais - como plataformas muito restritas ou conteúdos que exigem um maior grau de segurança -, a recomendação é que seus vídeos sejam sempre hospedados externamente , conforme explicamos no subtópico anterior.

    Os meios de comunicação mais utilizados para isso são o YouTube e o Vimeo, plataformas que não só permitem uma fácil integração dos seus jogadores noutros sites mas também o ajudam a divulgar a sua marca e a melhorar os resultados das pesquisas.

    Se você fornecer conteúdo restrito, como cursos online pagos, ambas as mídias oferecem opções de não listagem, um recurso que oculta seu vídeo de pesquisas e permite o acesso apenas por um único link que você pode anexar - como HTML - em suas páginas.

    7. Arquivos JavaScript e CSS minimizados

    Este é um problema menos aparente e provavelmente é por isso que é tão negligenciado: a mesma pesquisa SEMrush revelou que 68% dos sites têm arquivos JavaScript e CSS não minimizados .

    Minimizar, como o próprio termo esclarece, significa reduzir ou simplificar esses códigos, o que pode ser feito removendo linhas desnecessárias, comentários desnecessários e espaços em branco.

    Esses arquivos estão por trás de toda a visualização do seu site e às vezes são escritos com excessos para facilitar futuras edições. Além disso, eles podem ser alterados por vários plug-ins.

    Mas não se preocupe, você não precisa dominar nenhuma dessas linguagens para realizar este procedimento. Existem várias ferramentas que fazem isso por você:

    • Velocidade rápida reduzida;
    • WP Super Minify;
    • Compressor YUI Online.

    No entanto, lembre-se de fazer um backup antes de usar qualquer uma dessas soluções.

    Sempre haverá a possibilidade de que o tema do seu site ou algum arquivo seja afetado pelo procedimento. Portanto, seja cauteloso e certifique-se de fazer alguns testes.

    8. Arquivos compactados

    Gzip é um formato de compressão de arquivos da web que atua como um verdadeiro curinga para aqueles que lutam por uma boa pontuação de velocidade de página.

    Ao compactar os arquivos CSS, JavaScript e HTML em seu banco de dados, o tamanho de suas páginas pode ser reduzido pela metade, se não mais.

    E como todos os navegadores atuais são compatíveis com esse recurso, nada muda para quem acessa o site.

    Alguns servidores já fazem isso automaticamente - você pode verificar se seu site tem esse tipo de serviço testando seu URL no site Varvy SEO Tool. Mas se esse não for o seu caso, você pode aproveitar o cache do navegador com plug-ins como o WP Fastest Cache, que oferece essa opção.

    9. Redirecionamentos limpos

    Muitas vezes, não é exatamente o carregamento da página que compromete a velocidade do site, mas uma sequência de redirecionamentos que força os navegadores a carregar várias páginas em um período mínimo de tempo.

    Este problema é bastante comum em sites muito grandes que já fizeram muitas migrações de endereço - alterações de protocolo (HTTPS, por exemplo), páginas duplicadas (algumas com www, outras não), alterações de categoria, estrutura de URL, etc.

    Esses redirecionamentos se acumulam e tornam o caminho do link para suas páginas cada vez mais longo.

    Portanto, tente manter o seu sitemap atualizado , para que as pessoas possam acessar diretamente os endereços atuais do seu site, e apenas implemente redirecionamentos que sejam absolutamente necessários - como páginas com links externos importantes.

    Quanto aos demais, apague-os o mais rápido possível!

    10. Melhor desempenho do servidor

    Este é um problema mais notável em blogs, canais de notícias e e-commerces que recebem muito tráfego.

    Com a evolução do seu projeto na Internet, mudanças são necessárias para manter o ritmo de crescimento. Um deles é o seu plano de hospedagem.

    Nas situações citadas, por exemplo, recomenda-se investir em um servidor dedicado capaz de suportar um grande número de visitantes simultâneos, além de reduzir a lentidão e interrupções do sistema.

    As lojas virtuais que não estão preparadas para os períodos de maior demanda - como Black Friday ou Natal - costumam se surpreender com esses problemas básicos.

    No entanto, existem outros fatores que podem comprometer o desempenho do servidor, como software desatualizado, consultas lentas ao banco de dados, limitações de memória e até mesmo gerenciamento de energia local ou falhas no resfriamento do computador.

    Portanto, não deixe de ativar o suporte da sua empresa de hospedagem caso a lentidão do seu site persista e opte sempre por empresas renomadas e bem referenciadas ao contratar este tipo de serviço.

    O PageSpeed ​​deve ser minha única referência?

    Você já deve ter encontrado páginas mencionando números mínimos para sua avaliação no PageSpeed ​​Insights.

    Alguns dizem que o ideal é ter uma pontuação acima de 95, outros até dizem que é essencial chegar a 100, pelo menos no desktop. Não se deixe levar por essas generalizações!

    Existem muitas variáveis ​​envolvidas, e nem sempre é interessante desistir de certos recursos - como monitoramento, rastreamento e pixels de conversão - por alguns milissegundos a menos durante o carregamento. Cada caso é único.

    O Google estipula que qualquer pontuação a partir de 90 é considerada ideal , entre 50 e 89 significa que o local precisa de ajustes básicos e apenas abaixo de 50 indicam a necessidade de reparos críticos.

    Além disso, embora a velocidade da página tenha a autoridade do gigante das buscas, sua ferramenta tem limitações importantes: a análise é realizada por meio de um servidor com localização desconhecida e os testes móveis tomam como parâmetro uma conexão 3G .

    Portanto, tome os resultados da velocidade da página como referência, mas não deixe que seus relatórios se tornem uma obsessão.

    Uma dica interessante é testar o site em outras ferramentas e comparar os dados de todas elas. Confira algumas opções abaixo!

    GTmetrix

    Seu princípio é o mesmo que qualquer outra ferramenta de seu tipo, mas com GTmetrix você também pode comparar a pontuação de desempenho percebida de seu site com as médias de mercado em um ambiente totalmente gratuito.

    Pingdom

    O Pingdom é ideal para quem precisa de relatórios mais completos e está disposto a pagar por isso.

    Sua análise cruza dados de diferentes partes do mundo e sua plataforma até envia alertas quando um problema é detectado.

    Rock Stage Analyzer

    Para uma análise mais refinada, nossa solução é o Stage Analyzer, um avaliador de desempenho completo projetado para ajudá-lo a identificar erros e oportunidades de crescimento em seu site.

    O Stage Analyzer faz uma varredura completa em seu site em busca de erros de configuração e URL, dimensionamento incorreto de imagens, além de falhas e deficiências de SEO, entre outros fatores que podem estar comprometendo a experiência do usuário em suas páginas.

    Em apenas dois minutos, você recebe uma lista útil de recomendações para ajudá-lo, passo a passo, a fornecer as melhorias de que seu site precisa. Na verdade, os sites WordPress são mais propensos a ter melhores pontuações de desempenho.

    Tudo isso com a qualidade e expertise que só a empresa líder em Marketing de Conteúdo da América Latina pode oferecer.

    Como você pode ver, é importante obter uma boa classificação no PageSpeed ​​Insights do Google, mas esse é apenas um dos muitos parâmetros que usamos para otimizar e monitorar a pontuação de desempenho de um site.

    Este artigo termina aqui, mas você pode - e deve - começar a fornecer melhorias ao seu blog ou loja da web agora mesmo.

    Analise o desempenho do seu site com o Stage Analyzer da Rock Content e obtenha um relatório SEO completo para orientar sua estratégia!