Introdução

O impacto da Velocidade de Carregamento interfere diretamente no comportamento do usuário, isso já sabemos.

Dentre os fatores de ranqueamento do Google, estão as principais métricas que medem a Velocidade do Site, isso também já sabemos.

Mas, como podemos saber o que realmente tem potencial de contribuir para melhorarmos estes resultados?

Existem diversas ferramentas na internet que fazem essas análises, mas trouxemos aqui 3 delas, que se completam e podem te ajudar muito nessa jornada.

Ferramentas

Vamos entender o poder de cada uma delas e, no final, entender como a utilização das 3 podem te ajudar.

• WebPageTest
• PageSpeed Insights
• CrUX Report

WebPageTest

Essa é uma das ferramentas mais completas para medir a performance de WebSites.

Antes de iniciar a análise no site, você tem a opção de escolher qual será o dispositivo e o tipo de conexão simulados.

As principais abas são:

• Performance Summary

Aqui, é realmente um resumo dos principais resultados obtidos e uma timeline do carregamento.

• Opportunities & Experiments

Essa aba, traz as oportunidades e entra no detalhe de cada uma delas, mostrando como resolver os problemas encontrados.

• Filmstrip

Nessa parte, temos uma linha do tempo em cascata, de forma resumida, dos arquivos carregados pela página.

Dessa forma, fica mais fácil encontrar os gargalos que estão atrasando o carregamento.

• Details

Na aba de detalhes, temos de forma mais profunda os dados encontrados no Summary e uma Linha do Tempo mais completa também.

• Core Web Vitals

Esta parte da ferramenta, foca em exibir as métricas de Core Web Vitals.

O diferencial aqui, está na qualidade das soluções propostas e na facilidade de encontrar os problemas reais do site.

PageSpeed Insights

Essa, talvez seja a mais utilizada atualmente, para obter os resultados de velocidade dos sites.

Por ser uma plataforma própria do Google, traz uma confiança nos dados que são apresentados.

As recomendações aqui, são um pouco mais genéricas, mas se você está buscando as primeiras oportunidades de melhoria, consegue tirar alguns insights.

Calculadora do Pagespeed

O que é a calculadora do pagespeed? Um grande diferencial dessa ferramenta, é conseguir "calcular" o aumento da sua pontuação, baseado nas otimizações que pretende fazer.

Nessa página, você pode fazer alguns testes, e identificar quais das métricas realmente tem potencial de alavancar a pontuação da sua página.

CrUX Report

Chrome UX Report, essa ferramenta mostra os dados reais de usuários.

Até então, grande parte das simulações que vimos (WebPage e Pagespeed) são no formato que chamamos de Teste de Laboratório. Teste de Laboratório são testes simulando ambientes de um usúario real.

Já o relatório do CrUX, compila dados reais de usuário e assim temos uma noção mais amplas, mas também mais precisa, do que realmente está acontecendo.

Você verá algo parecido com isso:

O único problema aqui, é que em formato da dashboard padrão, as informações só são atualizadas uma vez por mês.

Mas, se você sente a necessidade de acompanhar esses dados com mais frequência, pode usar gratuitamente a CrUX API.

Conclusão

Aqui, quero te mostrar como o uso das 3 ferramentas se complementam.

Das 3 apresentadas, a única que você vai conseguir entrar de cabeça na parte técnica e explorar boas soluções, é a WebPageTest.

Portanto, a utilização dela se torna essencial, principalmente quando você já fez as correções mais básicas.

Com as correções feitas, a ideia é conseguir acompanhar os resultados, e com o PageSpeed você entende como o rastreador do Google está enxergando sua página.

Utilizando sua calculadora, consegue planejar onde deverão estar dedicados os maiores esforços.

Para finalizar, entendo o relatório do CrUX como essencial, principalmente para entender qual a real experiência que o usuário tem nas páginas.

E também, o relatório traz um histórico mensal incrível e ajuda muito a ver a evolução (ou não) das otimizações.