O que é essa 'pontuação de core web vitals' de que você está falando?

"Nossas pontuações de Core Web Vitals estão caindo. Você pode ajudar?"

Essa é a pergunta que recebo algumas vezes por dia. A primeira coisa que preciso me perguntar é 'O que é essa pontuação de Core Web Vitals de que você está falando?' Quando as pessoas me contatam, elas acabaram de descobrir que têm problemas com sua velocidade de página e não conseguem corrigi-los sozinhas. Normalmente isso significa que seus dados de laboratório (lighthouse) ou dados de campo (CrUX e RUM) estão falhando.

Então, se alguém está dizendo que seus core web vitals estão falhando, a primeira coisa que você precisa descobrir é se eles estão falando sobre dados de laboratório ou dados de campo. Um ótimo indicador de que estão falando sobre dados de laboratório (lighthouse) é que mencionam essa 'Pontuação de Core Web Vitals'.

Oh não, é uma pontuação do lighthouse

Quando pergunto sobre essa mágica Pontuação de Core Web Vitals, muitas das pessoas que me contatam mostram uma pontuação falhando no lighthouse. Aqui é onde as coisas ficam complicadas! Uma pontuação falhando no lighthouse não significa que você está falhando nos core web vitals. Assim como uma pontuação 'verde' no lighthouse não significa que você está passando nos Core Web Vitals. Significa apenas que você está falhando ou passando no teste muito específico.

Fale para eles sobre dados de campo

Então a próxima coisa que faço é falar sobre dados de campo. Neste caso, dados CrUX. CrUX significa Chrome User Experience Report. CrUX é um conjunto de dados que reflete como os usuários reais do Chrome experimentam destinos populares na web.

CrUX é o conjunto de dados oficial do programa Web Vitals. Isso significa que para passar (ou falhar) nos Core Web Vitals para 3 métricas (LCP, INP e CLS), pelo menos 75% dos seus visitantes precisam ter uma boa experiência.

Então agora você pode entender que não existe uma única 'Pontuação de Core Web Vitals' que fará você passar ou falhar nos Core Web Vitals.

Mostre a eles os dados de campo

O processo é simples. Navegue seu navegador até pagespeed.web.dev e digite o URL. Em seguida, selecione Origem (que está localizado ao lado de 'Esta URL') para mostrar os Core Web Vitals para todo o site e não apenas a página inicial.

E quanto ao lighthouse?

Neste ponto, depois de fazer um argumento convincente e basicamente ter provado o que acabei de dizer, 99% dos seus clientes não estão prontos para abandonar a pontuação do lighthouse. Eu entendo. Ela tem um encanto. É difícil imaginar que os números verdes, laranjas e vermelhos que qualquer um pode interpretar realmente não importam.

Bem, você precisa lembrar que o lighthouse é um teste. É um teste muito legal. Eu amo muito do que ele faz, amo como é codificado e amo como pode ajudá-lo a corrigir alguns problemas de core web vitals. Mas há 3 coisas que ele não fará:

1. Interagir com uma página. Isso basicamente torna o teste inutilizável. Os visitantes vão interagir com sua página. Dessa interação você obterá sua conversão.

2. Agir como um visitante recorrente. O Lighthouse (por padrão, você pode mudar essa configuração) visita sua página como se nunca tivesse visitado sua página antes. Frequentemente, para renderização de página e timing de página, isso fará uma diferença enorme. Então o lighthouse não é representativo de uma grande porção dos seus visitantes.

3. Entender qualquer coisa sobre sua página. O melhor exemplo está na auditoria de Total Blocking Time. Mesmo a maioria dos especialistas concorda que um Total Blocking Time grande é uma coisa ruim, mas essa não é a história completa. Contanto que o 'bloqueio' não aconteça quando a página precisa ser responsiva (você pode forçar isso!) e o bloqueio não aconteça durante a renderização inicial, você provavelmente está completamente bem mesmo tendo uma pontuação ruim no lighthouse!