Velocidade do site e Core Web Vitals: porque é crucial para a sua faturação
LCP, INP, CLS: o que medem os Core Web Vitals do Google, porque é que um site lento lhe custa clientes e como melhorar o seu desempenho.
Por Léo Chuzel · Publicado a · 2 min de leitura
Um visitante que espera é um visitante que se vai embora. Em mobile, muitas vezes com uma ligação média, cada segundo de carregamento conta. Um estudo publicado pelo Google indica que a probabilidade de rejeição aumenta 32 % quando o tempo de carregamento passa de um para três segundos. Para uma loja ou um escritório, isso representa contactos perdidos todos os dias.
O que são os Core Web Vitals?
Os Core Web Vitals são três indicadores definidos pelo Google para medir a experiência real dos visitantes. Fazem parte dos sinais tidos em conta na classificação.
LCP: a velocidade de apresentação
O Largest Contentful Paint mede o tempo necessário para mostrar o maior elemento visível da página, muitas vezes uma imagem ou o título principal. Objetivo: menos de 2,5 segundos.
INP: a reatividade
O Interaction to Next Paint mede o atraso entre uma ação do visitante (um clique, uma introdução de texto) e a reação visível da página. Objetivo: menos de 200 milissegundos.
CLS: a estabilidade visual
O Cumulative Layout Shift mede as deslocações inesperadas da paginação, como um botão que se move no momento em que se clica. Objetivo: uma pontuação inferior a 0,1.
Como medir a velocidade do seu site
- PageSpeed Insights: introduza o endereço do seu site para obter uma pontuação e dados reais dos seus visitantes, se o seu tráfego for suficiente.
- Google Search Console: o relatório «Core Web Vitals» lista as páginas a melhorar.
- As ferramentas de programador do navegador: para analisar com precisão o que torna uma página mais lenta.
As causas mais frequentes de um site lento
- Imagens demasiado pesadas, não comprimidas ou em formatos antigos.
- Demasiadas extensões ou scripts: cada plugin, ferramenta de chat ou pixel publicitário acrescenta peso.
- Um tema sobrecarregado que carrega código para funcionalidades não utilizadas.
- Um alojamento de gama baixa ou afastado dos seus visitantes.
- Tipos de letra mal carregados que atrasam a apresentação do texto.
- A ausência de cache: as páginas são recalculadas a cada visita.
Como melhorar o desempenho
Num site existente, algumas ações dão resultados rápidos: comprimir e redimensionar as imagens, remover as extensões inúteis, adiar os scripts não essenciais, ativar a cache. Estas otimizações têm, no entanto, um limite: não se transforma um tema pesado num site rápido.
Para ir mais longe, é preciso repensar a arquitetura. As tecnologias modernas como o Next.js geram as páginas antecipadamente ou no servidor, otimizam automaticamente as imagens e só carregam o código necessário a cada página. É isso que permite atingir pontuações acima de 90 em mobile. Para uma loja, é todo o interesse de uma arquitetura Shopify headless.
A velocidade, uma vantagem competitiva em Marselha
Muitos sites de empresas locais estão construídos sobre temas envelhecidos. Um site claramente mais rápido do que os dos seus concorrentes melhora ao mesmo tempo a sua classificação e a sua taxa de conversão. É um dos fundamentos de cada um dos nossos projetos de criação e de redesign de sites.