Fonte original: Layer0
Em abril de 2021, o Google começou a lançar a Atualização da Experiência da Página, que inclui uma alteração no algoritmo de classificação, favorecendo páginas da web de alto desempenho nos resultados da pesquisa. O desempenho é baseado no Core Web Vitals de um website, uma métrica de página da web que tem um grande impactos na experiência do utilizador.
Continue a ler para entender rapidamente se o seu site passa ou falha no Core Web Vitals.
O que são os Core Web Vitals
Como parte do esforço do Google para criar uma Web mais rápida para todos, a equipa do Chrome tem trabalhado para padronizar um conjunto de métricas para medir como os utilizadores experimentam o desempenho de uma página. Core Web Vitals tornou-se uma peça importante na resolução deste quebra-cabeças de desempenho; estas métricas focam-se no carregamento, na interatividade e na estabilidade visual.
As seguintes métricas compõem o Core Web Vitals:
- Maior Contentful Paint (LCP): Mede quando o maior elemento de conteúdo é totalmente visível na tela. LCPs de 2,5 segundos ou menos são consideradas boas experiências de carregamento.
- Primeiro atraso de entrada (DIF): Mede o tempo desde quando um utilizador interage pela primeira vez com uma página (clique ou toques) até ao momento em que o navegador é capaz de responder a essa interação. O FIDS de 100 milissegundos ou menos é considerado boas experiências interativas.
- Mudança de esquema cumulativa (CLS): Mede a frequência com que os utilizadores experimentam mudanças inesperadas de esquema. CLS de .1 ou menos é considerada uma experiência visualmente estável.
Para passar pelo Core Web Vitals, cada uma das métricas acima precisa atingir o alvo recomendado para 75% de todos os utilizadores que visitam a sua página, segmentados em dispositivos móveis e de secretária.
Como medir Core Web Vitals
Quando um site passa pelo Core Web Vitals, os utilizadores têm 24% menos probabilidade de abandonar páginas. Dito isto, qualquer dono de um site pode e deve medir essas métricas. A maneira mais fácil de verificar se o seu site passa pelos seus Core Web Vitals é através do PageSpeed Insights.
1. Vá para https://developers.google.com/speed/pagespeed/insights
2. Digite o URL do seu site na caixa de pesquisa, pressione Analisar e espere 5-10 segundos
Analisador de dados do PageSpeed
3. Role para baixo até os Dados do Campo . Imediatamente, você verá se o seu site passa ou não na avaliação do Core Web Vitals no texto acima dos gráficos de barras.
Dados de campo
4. Para avaliar as métricas do Core Web Vitals, preste atenção às medições LCP, FID e CLS, ainda em dados de campo. O símbolo de marcador azul também os marca.
Maior Contentful Paint (LCP), Primeiro Atraso de Entrada (FID), Mudança de Layout Cumulativa (CLS)
5. Verifique as suas pontuações médias. LCPs de 2,5 segundos ou menos, FIDs de 100 milissegundos ou menos, e um CLS de .1 ou menos são consideradas boas experiências do usuário.
Dados métricos médios
6. Para determinar se passa uma única métrica vital Core Web, verifique a percentagem na barra verde. Se for 75% ou mais, você passa. Isto significa que a sua página web oferece uma boa experiência de utilizador para essa métrica específica pelo menos 75% do tempo que alguém a visita.
Limiar vital da Web principal – percentil 75
Ignorar dados de laboratório
Existem dados de laboratório e de campo na página do PageSpeed Insights. Os dados de campo são de utilizadores reais que carregam e interagem com a sua página. Os dados de laboratório são medidos com um teste controlado sob condições ideais e não captam gargalos reais (ou seja, dispositivo, condições de rede, configurações, etc.).
O Google não usa dados de laboratório ou a pontuação de desempenho do Lighthouse para classificar o seu site. A classificação baseia-se apenas nos dados de campo apresentados na imagem abaixo.
A classificação é baseada em Dados de Campo
Como melhorar os seus Core Web Vitals
Provavelmente não está a passar Core Web Vitals devido a várias razões. O PageSpeed Insights oferece auditorias para LCP e CLS. Embora o DIF não esteja incluído, a otimização que melhora o tempo total de bloqueio (TBT) também deve melhorar o DIF no campo.
Para ver a sua auditoria, siga os passos abaixo:
Role para baixo até a seção de oportunidades da página e veja Auditorias para obter métricas específicas.
Oportunidades do PageSpeed Insights
2. Clique na métrica que deseja melhorar e você terá acesso a técnicas mais detalhadas para melhorar os tempos de carregamento, interatividade ou estabilidade visual na sua página web.
Auditorias do PageSpeed Insights
Geralmente, há algumas razões comuns pelas quais um Core Web Vital falha.
O maior Contentful Paint é facilmente afetado pelos seguintes fatores:
- Tempos de resposta lentos do servidor
- JavaScript e CSS bloqueadores de renderização
- Longos tempos de carregamento de recursos
- Problemas de renderização do lado do cliente
O primeiro atraso de entrada é afetado por:
- Tarefas longas que bloqueiam o tópico principal por 50 milissegundos ou mais
- Execução de script em primeira parte atrasando a preparação da interação
- Tempo de execução de JavaScript pesado
Instabilidade visual, ou Mudança de layout cumulativo, é um problema quando:
- Uma imagem, vídeo ou anúncio se redimensionam
- A fonte é carregada até tarde e é exibida maior ou menor do que o pretendido
Para obter soluções sobre como corrigir cada um desses problemas, veja este blog de otimização do Core Web Vitals.
Prepare o seu site para uma boa experiência de utilizador
Até agosto, o Google mudará completamente a classificação da atualização da experiência da página. Se o seu site passar Core Web Vitals, você verá um maior SEO e taxas de rejeição mais baixas. Mais importante ainda, você vai oferecer uma experiência excecional que satisfaça seus usuários o suficiente para ficar e voltar.
Layer0 construiu uma ferramenta gratuita para rastrear, medir e otimizar seus Core Web Vitals. O seu site não precisa de estar hospedado no Layer0 para tirar partido destas análises. É seu com apenas uma tag de script.
O Guide to Iceland, o maior site de viagens da Islândia, falhou todas as três métricas antes de entrar na plataforma Layer0. A velocidade do seu site melhorou em 55% e passa Core Web Vitals com cores voadoras.
Se você tiver dúvidas sobre a atualização da experiência da página ou sobre como acelerar o seu site, entre em contato com um especialista em velocidade do site hoje mesmo. Se você está pronto para experimentar a plataforma, inscreva-se aqui!
