Core Web Vitals
As Core Web Vitals são as três métricas do Google para a experiência do utilizador: LCP para carregamento, INP para reatividade e CLS para estabilidade.
O que são as Core Web Vitals?
As Core Web Vitals são três métricas concretas que o Google utiliza para avaliar a experiência percebida pelo utilizador numa página: o LCP (Largest Contentful Paint) mede a rapidez com que o conteúdo principal é carregado, o INP (Interaction to Next Paint) mede a rapidez com que a página responde aos cliques e toques, e o CLS (Cumulative Layout Shift) mede a estabilidade visual. O INP substituiu o antigo FID em 12 de março de 2024. Uma página passa no teste quando o LCP é igual ou inferior a 2,5 segundos, o INP é igual ou inferior a 200 ms e o CLS é igual ou inferior a 0,1.
Por que razão as Core Web Vitals são importantes?
Para uma loja online, estas pontuações afetam tanto a receita como a visibilidade. Um LCP lento e um INP instável nas páginas de produtos e coleções aumentam a taxa de abandono e diminuem as conversões exatamente onde o cliente está mais próximo de comprar. As Core Web Vitals também influenciam os sinais de experiência de página do Google e podem servir de critério de desempate entre resultados que, de outra forma, seriam igualmente fortes. O Google avalia as pontuações com base em dados reais de campo de visitantes reais (o Chrome User Experience Report) no percentil 75, reportados separadamente para dispositivos móveis e computadores — por isso, é a fatia de 25% dos seus utilizadores mais lentos que decide o resultado.
Casos de uso comuns
- Diagnosticar uma página de produto lenta com o PageSpeed Insights ou o relatório Core Web Vitals no Search Console.
- Otimizar o LCP comprimindo imagens de destaque, utilizando o formato WebP e pré-carregando a imagem de maiores dimensões.
- Eliminar o CLS provocado por banners, pop-ups de cookies e fontes de texto que movem o layout enquanto a página é carregada.
- Melhorar o INP reduzindo o JavaScript pesado proveniente de aplicações e scripts de terceiros.
- Documentar o impacto de um novo tema ou aplicação para os desenvolvedores ou para a administração.
Perspetiva da Shopify
Os temas da Shopify começam frequentemente fortes, mas as aplicações, os chatbots e os scripts de rastreamento costumam arrastar as pontuações para baixo. Meça sempre em URLs reais com dados de campo, em vez de um único número de laboratório, e desinstale as aplicações que já não utiliza. Confie no lazy loading nativo do tema e no CDN de imagens da Shopify, e lembre-se de que os pop-ups e banners publicitários são as causas mais comuns de um CLS fraco na prática.