Um segundo de atraso no tempo de carregamento da página reduz as conversões em 7%. Para sites que geram receita significativa, são milhares de dólares perdidos todos os meses. A velocidade da página não é apenas uma boa prática. É medida diretamente pelos motores de pesquisa e influencia diretamente a classificação. Os Core Web Vitals são três métricas específicas que medem a experiência real do utilizador. Domina-as e melhoras as classificações e as conversões. Vê o que são e como as otimizar.
A velocidade da página influencia a classificação. Os Core Web Vitals medem a velocidade da página. Não são recomendações vagas. São métricas específicas, com limiares mensuráveis. As páginas que cumprem os limiares ficam melhor classificadas. As páginas que falham ficam pior classificadas.
Os Core Web Vitals são três métricas específicas
O Largest Contentful Paint (LCP) mede a rapidez com que o conteúdo principal carrega. O Interaction to Next Paint (INP) mede a capacidade de resposta da tua página à ação do utilizador. O Cumulative Layout Shift (CLS) mede a estabilidade do layout durante o carregamento.
Um bom LCP fica abaixo de 2,5 segundos. Um bom INP fica abaixo de 200 milissegundos. Um bom CLS fica abaixo de 0,1. Se a tua página falha em alguma destas métricas, os motores de pesquisa sabem que os utilizadores têm uma má experiência.
LCP: o conteúdo principal deve carregar depressa
O Largest Contentful Paint mede quando o maior elemento da tua página acaba de carregar. Na maioria das páginas, é uma imagem ou um título. Se o teu LCP é lento, os utilizadores veem uma página em branco enquanto esperam.
Melhora o LCP otimizando as imagens. Comprime-as. Usa formatos de nova geração como o WebP. Carrega de forma diferida as imagens por baixo da dobra. Usa um fornecedor de alojamento rápido. Remove o JavaScript que bloqueia a renderização. Pequenas melhorias somam-se.
O teu objetivo é abaixo de 2,5 segundos. Se o teu LCP é de 5 segundos, os utilizadores saem antes de verem o teu conteúdo. Se é de 2 segundos, os utilizadores esperam e ficam envolvidos.
INP: a tua página deve responder logo aos cliques
O Interaction to Next Paint mede o tempo entre o momento em que um utilizador clica ou toca em algo e o momento em que a página responde. Se o INP é lento, a tua página parece bloqueada.
Melhora o INP otimizando o JavaScript. Remove scripts desnecessários. Divide as tarefas longas. Otimiza os event listeners. Carrega de forma diferida os scripts de terceiros. Uma página que responde converte melhor do que uma página rápida que não responde à ação do utilizador.
Objetivo: abaixo de 200 milissegundos. Se a tua página demora 500 ms a responder a um clique, os utilizadores pensam que está avariada. Se responde em 100 ms, parece instantânea.
CLS: o teu layout não deve mexer durante o carregamento
O Cumulative Layout Shift mede quanto o layout se mexe durante o carregamento. Se as imagens carregam devagar, o texto desce. Se os anúncios carregam depois do conteúdo, tudo se mexe. Isto é irritante e causa cliques acidentais.
Melhora o CLS reservando espaço para imagens e anúncios. Usa a proporção CSS para dizer ao navegador quanto espaço reservar. Carrega cedo os tipos de letra críticos. Evita inserir conteúdo acima do conteúdo existente.
Objetivo: abaixo de 0,1. Qualquer deslocação do layout é notada pelos utilizadores. Mantém-na mínima.
Acompanha os Core Web Vitals com dados de utilizadores reais
O Lighthouse e o PageSpeed Insights fazem testes em condições de laboratório. A monitorização de utilizadores reais mostra dados reais. Usa o Chrome User Experience Report ou a consola de pesquisa para ver dados de utilizadores reais.
Os dados reais contam porque os utilizadores reais têm ligações mais lentas e dispositivos mais antigos do que o teu computador de teste. O que funciona em condições de laboratório pode falhar no mundo real.
A velocidade influencia diretamente a receita
Sites mais rápidos convertem melhor. Sites mais lentos perdem clientes. Por cada segundo de atraso, perdes conversões. Isto é mensurável. Faz experiências. Acrescenta melhorias de velocidade. Acompanha o impacto nas conversões.
Uma página que carrega em 5 segundos perde mais clientes do que uma que carrega em 2 segundos. A diferença é dinheiro. Otimiza a velocidade da página e aumentas a receita a par das classificações.
Otimiza as imagens de forma agressiva
As imagens costumam ser os ficheiros maiores das páginas. Comprime-as sem descanso. Usa formatos de nova geração. Carrega de forma diferida as imagens por baixo da dobra. Usa imagens responsivas que se ajustam a diferentes dispositivos.
Remover imagens desnecessárias conta, por vezes, mais do que comprimir as restantes. Precisas de 10 imagens ou de 5? Menos imagens carregam mais depressa.
Perguntas frequentes
O que é uma boa pontuação nos Core Web Vitals?
Bom significa: LCP abaixo de 2,5 segundos, INP abaixo de 200 milissegundos, CLS abaixo de 0,1. Se alguma métrica estiver acima destes limiares, a tua página está a falhar. Verifica os teus dados reais de utilizadores na consola de pesquisa. As pontuações de laboratório contam menos do que a experiência real do utilizador. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Como meço os meus Core Web Vitals?
Usa o Google PageSpeed Insights para testes de laboratório. Usa a consola de pesquisa para dados de utilizadores reais. Usa o Lighthouse nas Chrome DevTools. Usa ferramentas de monitorização de terceiros. A monitorização de utilizadores reais é a que mais conta, porque mostra a experiência real e não as condições de teste.
Melhorar os Core Web Vitals garante melhores classificações?
Não. Os Core Web Vitals são um fator de classificação entre centenas. A qualidade e a relevância do conteúdo contam mais. Mas os Core Web Vitals funcionam como critério de desempate quando os outros fatores são iguais. Melhora-os, mas concentra-te primeiro na qualidade do conteúdo.
Que alojamento afeta mais os Core Web Vitals?
O tempo de resposta do servidor afeta bastante o LCP. Fornecedores de alojamento mais rápidos entregam o conteúdo mais depressa. Mas o alojamento é só uma parte da equação. A otimização de imagens, a otimização de JavaScript e a cache contam tanto como o alojamento. Não consegues compensar uma má otimização só com alojamento.
Quanto tempo demoram as melhorias nos Core Web Vitals a afetar as classificações?
Os motores de pesquisa podem começar a usar as métricas melhoradas em poucos dias. Mas as melhorias de classificação demoram mais. Os motores de pesquisa reavaliam as páginas ao longo de semanas e meses. Melhora os teus Core Web Vitals, mas não esperes mudanças de classificação de um dia para o outro. Acompanha antes o impacto nas conversões, que muitas vezes melhoram mais depressa do que as classificações.
Que scripts de terceiros prejudicam mais os Core Web Vitals?
As análises, os anúncios e os widgets de chat tornam muitas vezes as páginas lentas. Carrega-os depois de o conteúdo principal acabar de carregar. Usa carregamento assíncrono. Pondera adiar os scripts não críticos. Testa o impacto de cada script nos teus Core Web Vitals. Remove os scripts que dão pouco valor mas prejudicam muito o desempenho.