Neste artigo vamos falar sobre PageSpeed, o que é, como é feito, como analisar o resultado, etc. Este artigo com certeza irá te ajudar a entender melhor os testes, e também demonstrar possíveis caminhos para melhorias do seu site, vem com a gente!

Sumário

• O que é
• Como os testes são feitos
• Explicando o teste
• Pontuações falsas
• Conclusão

O que é

PageSpeed é um termo que se refere à velocidade de carregamento de uma página de um site, onde, através de alguns testes, podemos ver se o site está otimizado para uma boa experiência ao usuário, se pode melhorar, ou até mesmo se precisa de melhoras.

Existem algumas ferramentas que ajudam a te mostrar se o seu site está com um desempenho agradável, ou se há algum problema de otimização que precisa ser corrigido dentro dele.

Aqui estão alguns exemplos dessas ferramentas, caso você deseje realizar um teste: PageSpeed Insights (PSI), que é totalmente gratuito, e não precisa de uma conta. E o GTmetrix, que tem a sua versão gratuita e também uma versão paga, para ter um resultado mais completo, você pode criar uma conta gratuitamente, e/ou assinar algum dos planos disponíveis na plataforma.

Como os testes são feitos

O PageSpeed Insights, que é do Google, utiliza diversos servidores ao redor do mundo, não conseguimos ter uma precisão exata de onde os testes são feitos, já o GTMetrix também utiliza servidores ao redor do mundo, por padrão o teste é feito no Canadá, mas ao criar uma conta, você pode alterar o servidor e utilizar um localizado em São Paulo, por exemplo. 

Além disso, os testes em desktop são feitos utilizando o Google Chrome, e para dispositivos móveis existem várias opções, tanto para sistemas IOS como também para Android, mas está apenas disponível com planos PRO.

Para saber se o seu site está bem otimizado, o resultado dos testes será essencial, uma vez que ele te mostrará gráficos com métricas onde você poderá identificar onde o seu site está melhor otimizado e onde ele precisa melhorar. Claro que o resultado depende principalmente do servidor selecionado, onde, se o seu site é hospedado no Brasil, é essencial realizar o teste em servidores também no Brasil, geralmente em São Paulo.

Explicando o teste

Aqui vamos explicar um pouco melhor sobre algumas das métricas mostradas quando o teste é realizado, entre elas, podemos ver siglas como: LCP, INP, CLS, FCP, TTFB, SI, TI e TBT.

As métricas geralmente possuem notas em porcentagem ou valores, onde, independente da ferramenta que você utilizar, elas indicam pontos que estão bons, os que precisam melhorar, e os que estão muito ruins, onde é essencial buscar uma melhora. Essas porcentagem/valores geralmente são representados pelas cores verde (bom), laranja (pode melhorar) ou vermelho (precisa melhorar).

Importante: Dependendo da ferramenta que você use, você pode não ver todos esses exemplos de métricas abaixo.

LCP (Largest Contentful Paint): A LCP serve para avaliar o tempo que a maior imagem (ou objeto visível do seu site) leva para carregar para o usuário que está acessando o seu site, ou seja, avalia quanto tempo leva para o conteúdo principal da página ser carregado completamente.

INP (Interaction to Next Paint): O INP avalia o tempo de resposta geral de uma página em relação às interações do usuário. Então, ela avalia quanto tempo a página, botão, etc, leva para responder a partir do clique ou interação do usuário.

CLS (Cumulative Layout Shift): O CLS irá avaliar as mudanças INESPERADAS que possam ocorrer na visualização ou ação do usuário no seu site. Exemplo: Caso exista dois botões na tela, um para “continuar” e outro para “sair”, o usuário ao tentar clicar no botão de “sair”, pode aparecer uma mensagem de “tem certeza”, e isso acabar jogando o botão de “continuar” para baixo, isso pode ocasionar em uma nota ruim na avaliação do CLS.

FCP (First Contentful Paint): O FCP mede o tempo decorrido a partir do momento em que o usuário acessou a página, até o momento em que QUALQUER conteúdo aparece na tela, seja ele qual for.

TTFB (Time to First Byte): O TTFB mede o tempo de resposta do momento em que o usuário deu o comando até o primeiro “byte” que ele receberá como resposta, em outras palavras, é o tempo entre o clique e o momento em que ele vai começar a receber os dados da requisição.

SI (Speed Index): O SI é a métrica que avalia o quão rápido a página (sem rolar pra baixo) fica completamente visível.

TTI (Time to Interactive): O TTI mede o tempo que a página leva para se tornar responsiva, em outras palavras, é o tempo que leva para o usuário conseguir interagir com o site.

TBT (Total Blocking Time): O TBT mede o tempo em que a página está “bloqueada”, ou seja, o tempo em que o usuário não consegue interagir com seu site.

Além dessas métricas, o resultado do teste te apresentará alguns gráficos de desempenho, com exemplos do seu site, mostrando o conteúdo da sua página, e o tempo de resposta que o teste encontrou, assim, conseguindo avaliar o desempenho. Você poderá encontrar um resultado com uma porcentagem entre 0-100, onde entre 0-49 será um desempenho ruim, entre 50-79 precisa melhorar, e entre 80-100 será bom.

Pontuações falsas

Agora que você já sabe como funcionam as ferramentas PageSpeed, temos que trazer um ponto muito importante, que são as pontuações “falsas”.

As pontuações falsas podem acontecer quando você utiliza alguns plugins e os configuram de forma que acabam burlando as pontuações, tornando os sites mais leves apenas para essas ferramentas que fazem o teste, porém, na realidade o site é mais pesado e pior otimizado do que os testes puderam verificar. Isso pode causar uma reprovação nos testes Core Web Vitals, que são as principais métricas utilizadas pelo Google.

Caso isso aconteça, seu site pode ficar mal ranqueado ou ter má reputação para o Google, o que geraria muitos problemas, entre eles, seu site poderia parar de ser mostrado nas primeiras páginas de pesquisas do Google ou até mesmo não aparecer entre elas. Então, essa é uma prática que não recomendamos, já que pode causar problemas irreversíveis.

Se você gostou das informações até aqui, e deseja realizar um teste de PageSpeed, preparamos um artigo em nossa base de suporte bem completo de como utilizar a ferramenta GTMetrix, neste artigo explicamos o porque é essencial utilizar os servidores no país onde o seu site é hospedado, e também falamos com mais detalhes sobre as Core Web Vitals, além de claro, ensinar a como realizar o teste. Caso deseje, você pode ver este artigo clicando aqui.

Conclusão

É muito importante entender que os resultados de testes de PageSpeed não necessariamente indicam problemas na experiência final do usuário que está acessando o seu site. Embora seja possível entender se imagens precisam de otimização, se vídeos estão tornando o carregamento da página mais lenta, focar em obter as melhores pontuações pode não ser necessário. O ideal é sempre focar em otimizar o seu site, e com testes práticos, entender se a experiência é a esperada, se algo não está saindo como imaginado, e por aí vai.

Por outro lado, melhores pontuações, se não forem pontuações falsas (forçadas por plugins), indicam que o seu site está bem otimizado, e muito provavelmente a experiência do usuário será melhor. Por isso, recomendamos que sempre se atente aos pontos que podem ser melhorados, e se você não for muito familiarizado com construção de sites, procure um programador ou mesmo designers web para que eles, como profissionais na área, possam ajudar a aprimorar e otimizar o acesso ao seu site.

Por hoje seria isso, Kangaroozinho, vamos ficando por aqui, e esperamos que este artigo tenha te ajudado a entender um pouco mais sobre PageSpeed, otimização do seu site, etc. Um abraço, e até a próxima! =D