O Core Web Vitals é importante? O que eles fazem?

Suponha que você esteja navegando na web em busca de informações sobre um produto ou serviço. Você abre uma página da web, mas ela demora muito para carregar. Quando ele finalmente carrega, você tenta clicar em um botão, mas o site não responde imediatamente.

E justamente quando você pensava que não poderia ficar pior, as informações no site começaram a mudar inesperadamente, dificultando a leitura ou o clique em qualquer coisa.

Parece uma experiência frustrante, não é?

Esse é exatamente o tipo de experiência horrível do usuário que o Google deseja evitar com o Core Web Vitals.

Core Web Vitals são três indicadores que o Google usa para avaliar a velocidade de carregamento, capacidade de resposta e estabilidade visual de um site. Em outras palavras, eles ajudam a determinar se um site oferece uma experiência de usuário positiva ou negativa.

Então, por que esses Core Web Vitals são importantes?

O Google pretende garantir que os sites sugeridos nos resultados de pesquisa proporcionem uma experiência de usuário agradável. Afinal, se um site for lento, não responder e graficamente instável, provavelmente você não permanecerá nele por muito tempo.

É por isso que sites com classificações Core Web Vitals mais altas podem aparecer em posições mais altas nos resultados de pesquisa do Google, dando-lhes uma vantagem na obtenção de mais visitantes e clientes em potencial.

Discutiremos sobre quais são os principais sinais vitais da web.

Os principais sinais vitais da web são importantes e têm impacto na experiência do usuário e na pesquisa?

Vamos começar!

O que são os principais sinais vitais da Web?

Core Web Vitals é um conjunto de critérios criados pelo Google para avaliar a eficácia do desempenho de um site e oferecer uma experiência positiva ao usuário.

Pense nisso como um boletim de um site. Ele analisa os fatores essenciais para todos que visualizam um site.

Os três principais sinais vitais da web são:

• Pintura com maior conteúdo:Mede a rapidez com que o conteúdo principal das páginas de um site é carregado. O LCP deve ser inferior a 2,5 segundos para garantir uma experiência positiva ao usuário. Ninguém gosta de olhar para uma tela em branco, esperando que algo aconteça.

• Mudança cumulativa de layout:Isso analisa a frequência com que o layout e as informações de uma página mudam inesperadamente enquanto ela ainda está carregada. O CLS deve ser inferior a 0,1 para oferecer uma boa experiência ao usuário. A movimentação do conteúdo dificulta a leitura e você pode clicar por engano no item errado.

• Atraso da primeira entrada:Essa métrica mede a rapidez com que um site responde quando você clica ou interage com ele. Atrasos e latência podem estar piorando bastante. O FID deve ser inferior a 100 milissegundos para uma experiência de usuário ideal.

O Google revelou que uma quarta métrica, Interaction to Next Paint (INP), substituiria o FID como parte do Core Web Vitals em março de 2024. O INP deve ser de 200 milissegundos ou menos para garantir uma experiência rápida e responsiva.

Portanto, em termos simples, Core Web Vitals é a forma do Google medir se um site carrega rapidamente, responde às interações do usuário e evita alterações inesperadas de layout.

Por que os principais sinais vitais da Web são importantes?

Em junho de 2021, o Google considera a experiência da página um fator oficial de classificação. Page Experience é um conjunto de elementos que o Google considera importantes para proporcionar uma excelente experiência geral ao consumidor. Isso inclui o seguinte:

• Usando HTTPS para servir sua página
• Otimização para dispositivos móveis
• A ausência de intersticiais que distraem (pop-ups irritantes)
• Navegação segura

Core Web Vitals são importantes porque afetam diretamente o envolvimento do usuário, a satisfação e as taxas de conversão do site. Se um site tiver um desempenho ruim no Core Web Vitals, os usuários provavelmente terão uma experiência negativa.

Aqui estão alguns motivos importantes pelos quais você deve se preocupar com Core Web Vitals:

um. Usuários satisfeitos

Os usuários ficam mais satisfeitos quando o site funciona perfeitamente. Bons indicadores do Core Web Vitals levam a usuários satisfeitos.

b. Taxa de rejeição mais baixa

Páginas com LCP rápido e CLS baixo mantêm os usuários na página por períodos mais longos antes de retornarem.

c. Conversões mais altas

Um site responsivo com um FID forte aumenta as chances dos usuários de concluir uma transação ou se inscrever em um serviço.

d. SEO aprimorado

As páginas que proporcionam aos usuários uma experiência agradável tendem aclassificação mais elevada nos resultados de pesquisa. Core Web Vitals são uma métrica de classificação.

e. Aumento da receita

Existe uma ligação direta entre Core Web Vitals aprimorados e aumento de receita, impulsionado por engajamento e taxas de conversão mais fortes. O Google também inclui Core Web Vitals em seus fatores de classificação.

Como resultado, otimizar essas métricas pode ajudar seu site a ter uma classificação mais elevada nos resultados de pesquisa e atrair mais visitantes.

Quais são os critérios recomendados para métricas Core Web Vitals?

um. Maior pintura com conteúdo

Largest Contentful Paint (LCP) é uma das três principais métricas vitais da web que avaliam a experiência do usuário de um site. O LCP mede particularmente quando o conteúdo principal de uma página da web é carregado e se torna acessível ao usuário.

Simplesmente, o LCP avalia quanto tempo leva para o maior e mais essencial elemento visual do site carregar e ser exibido. Pode ser uma imagem grande, um player de vídeo, um bloco de texto ou qualquer outra informação importante que os espectadores esperam ver primeiro ao visitar aquela página.

Um bom tempo de LCP é de 2,5 segundos ou menos. Isso significa que quando um usuário visita o site, a imagem principal, o vídeo ou o bloco de texto importante carrega quase instantaneamente. Um LCP de 2,6 a 4 segundos indica que a velocidade do seu site precisa de melhorias.

Qualquer coisa maior que 4 segundos é considerada LCP ruim. Porque pode incomodar os visitantes e fazer com que saiam do seu site.

Do ponto de vista tecnológico, a otimização do LCP pode incluir táticas como:

• Otimizando e reduzindo grandes arquivos de mídia
• Priorização do carregamento de recursos-chave
• Usando técnicas de desempenho, como divisão de código
• Uso eficaz do cache do navegador

b. Mudança cumulativa de layout

Cumulative Layout Shift (CLS) é outra métrica Core Web Vitals introduzida pelo Google. Ele avalia a estabilidade visual de um site.

Cumulative Layout Shift (CLS) é uma métrica consistente do Core Web Vitals. É uma métrica essencial centrada no usuário para analisar a estabilidade visual, pois mede a frequência com que os usuários experimentam alterações inesperadas de layout. Um CLS baixo ajuda a garantir que a página seja agradável.

Mudanças inesperadas de layout podem interromper a experiência do usuário de diversas maneiras, inclusive fazendo com que ele perca o lugar durante a leitura se o texto saltar inesperadamente ou clique no link ou botão errado. Em certas circunstâncias, isto pode causar danos consideráveis.

Uma ótima pontuação CLS de 0,1 ou menos indica que o layout do seu site é bastante estável. Isso permite que as pessoas vejam facilmente seu conteúdo sem interrupção.

Uma pontuação CLS de 0,1 a 0,25 indica que a estabilidade visual do seu site precisa de melhorias. Há movimento suficiente para ser aparente para os usuários.

Uma pontuação CLS ruim de mais de 0,25 indica que os elementos da sua página se movem muito. Os usuários podem notar mudanças repentinas, como texto ou botões em movimento. Isso é prejudicial à experiência deles.

c. Atraso da primeira entrada

O First Input Delay (FID) é a terceira métrica do Core Web Vitals do Google. Ele avalia a capacidade de resposta de um site às interações do usuário. O FID mede a rapidez com que um site responde quando um usuário interage com ele pela primeira vez.

Exemplos de interação incluem:

• Selecionando um item de menu em um menu suspenso
• Clicando em um link da navegação do seu site
• Inserindo seu endereço de e-mail em um campo de formulário
• Abra o “menu acordeão” em um dispositivo móvel

O Google valoriza o FID porque reflete a facilidade com que os clientes do mundo real podem interagir com o seu site. O FID deve ser inferior a 100 milissegundos para a melhor experiência do usuário.

d. Interação com a próxima pintura

Interaction to Next Paint (INP) é a medida Core Web Vitals mais recente, sucedendo First Input Delay (FID) em 12 de março de 2024. Representa a rapidez com que uma página reage às interações e é medida em milissegundos.

É importante notar que o INP mede a rapidez com que uma página responde durante a interação do usuário. O FID rastreou apenas o tempo de resposta do primeiro contato do usuário com qualquer elemento do site.

Um bom INP tem 200 milissegundos ou menos. Um INP entre 200 e 500 milissegundos indica que a interação do seu site precisa ser melhorada.

Um INP de mais de 500 milissegundos representa uma experiência interativa horrível para seus usuários. Isso envolve atrasos e atrasos óbvios na resposta às contribuições do usuário.

Como verificar o desempenho do Core Web Vitals do seu site?

Os CWVs podem ser verificados usando uma variedade de ferramentas. Todas as ofertas diretamente do Google estão listadas abaixo:

O Relatório de experiência do usuário do Chrome (CrUX) fornece dados de campo de usuários do Chrome, permitindo que os administradores do site aprendamcomo pessoas reais interagem com seus sites.

Farol do Googleé um aplicativo gratuito que gera medições de laboratório para CWVs. Ele fornece dados úteis sobre desempenho, SEO e acessibilidade, entre outras coisas.

O Google PageSpeed ​​​​Insights combina os recursos do CrUX e do Lighthouse, fornecendo dados de campo e laboratório sobre CWVs e outras métricas da web. O PageSpeed ​​​​Insights permite que os usuários avaliem o desempenho dos sites, sejam eles proprietários ou não. Este é um exemplo de relatório do PageSpeed ​​​​Insights.

O Google Search Console é baseado em dados de campo CrUX e fornece estatísticas de desempenho CWV por URL ou conjunto de URLs.

Vamos verificar os principais sinais vitais da web usando uma das ferramentas:

um. Google PageSpeed ​​Insights

O Google PageSpeed ​​​​Insights (PSI) é uma ferramenta gratuita para avaliar o desempenho de uma única página da web em dispositivos móveis e desktop.

Ele também oferece maneiras de tornar sua página mais rápida e simples de usar. Para medir o desempenho do Core Web Vitals de uma página, abra o PageSpeed ​​​​Insights, insira o URL que deseja examinar e clique em “Analisar”.

Quando seu relatório estiver concluído, você receberá um detalhamento completo de seu desempenho em vários parâmetros.

A pontuação de “Desempenho” vai de 0 a 100 e é baseada nas seguintes métricas:

• Primeira pintura com conteúdo
• Índice de velocidade
• Maior pintura com conteúdo
• Tempo total de bloqueio
• Mudança cumulativa de layout

Suas descobertas do Core Web Vitals são assim:

Role para baixo até a seção “Diagnóstico” para obter uma lista de coisas que você pode fazer para melhorar o desempenho do seu site.

Lembre-se de que o relatório Core Web Vitals não se destina a ajudá-lo a determinar o status de uma página específica. Em vez disso, permite avaliar a saúde geral do seu site.

Como melhorar o desempenho do Core Web Vitals?

um. Melhorar o LCP

Use uma rede de distribuição de conteúdo (CDN):As CDNs armazenam material em vários lugares do mundo, permitindo que o conteúdo chegue aos consumidores mais rapidamente.

Otimizar imagens:As imagens tendem a ser o maior elemento de uma página. Reduzir o tamanho de um arquivo de imagem pode acelerar o tempo de carregamento.

Outra opção para aumentar sua pontuação LCP é aumentar a hospedagem do seu site.

A hospedagem compartilhada (onde vários sites são hospedados no mesmo servidor) pode ser mais lenta porque recursos, como memória e capacidade de processamento, são compartilhados. Como resultado, quando outros sites apresentam picos de tráfego, seu site pode ficar lento.

Para resolver isso, considere mudar para um plano de hospedagem melhor ou um provedor de hospedagem alternativo. Por exemplo, hospedagem dedicada (onde seu site possui servidor próprio) ou hospedagem em nuvem (onde vários servidores são usados ​​para fornecer um desempenho mais consistente).

b. Melhorar o CLS

1. Minimize os elementos da página de terceiros:Elementos de terceiros em uma página são carregados em locais diferentes do resto da página. Como resultado, eles podem carregar em momentos ligeiramente diferentes, fazendo com que o layout da página mude. Usar menos itens de terceiros reduz o número de alterações de layout.

2. Reserve espaço para conteúdo incorporado:Muitos recursos de terceiros, como anúncios, são necessários para o funcionamento ou estratégia econômica de um site e não podem ser removidos. Os desenvolvedores podem reservar espaço na página para que esses componentes sejam carregados antes que o navegador recupere o elemento real.

3. Certifique-se de que as fotos carreguem no tamanho ideal:Esta é uma abordagem ligeiramente diferente da otimização de imagens em geral. Desktops, tablets e smartphones exigem gráficos em tamanhos variados devido ao tamanho da tela. Se um navegador carregar primeiro a imagem grande otimizada para desktop e depois precisar fazer download da imagem otimizada para dispositivos móveis porque o dispositivo é um smartphone, o conteúdo da página poderá mudar à medida que a imagem de tamanhos diferentes for carregada.

4. Inclua a altura e largura das fotos e vídeos:Os parâmetros de altura e largura indicam o tamanho da imagem, permitindo que os navegadores reservem esse espaço antes do carregamento da imagem ou do vídeo. Nossa página de vídeo HTML5 contém mais informações sobre como conseguir isso com vídeo.

5. Use caixas de proporção de aspecto CSS:Os desenvolvedores de CSS podem usar uma variedade de estratégias para economizar espaço para um elemento da página, aproveitando as proporções.

c. Melhorando o INP

Um dos problemas mais importantes que podem prejudicar sua interação com o Next Paint é a presença de vários scripts enormes ou código JavaScript em seu site.

JavaScript é uma linguagem de computador que cria elementos dinâmicos de sites, como menus, formulários e animações. No entanto, código JavaScript pesado ou complexo pode retardar o tempo de resposta do seu site às interações do usuário.

Então,

• Reduza onúmero de funções JavaScript:Páginas da Web dinâmicas e com muitos códigos podem causar atrasos na entrada porque o navegador precisa carregar todoso código antes de executá-lo. A minificação do JavaScript pode ajudar a acelerar esse processo.

• Crie páginas HTML estáticas:As páginas HTML estáticas carregam muito mais rápido do que as dinâmicas, principalmente quando entregues por meio de um CDN. Aprenda sobre geradores de sites estáticos, ou Jamstack, uma estratégia de desenvolvimento focada em conteúdo estático.

• Remova quaisquer ferramentas e scripts indesejados de terceiros:Carregar ferramentas extras em seu site pode retardá-lo. Reduza o número de ferramentas de terceiros em um site para aumentar o FID e o desempenho geral do site.

Conclusão

Então, o Core Web Vitals é importante?

Core Web Vitals são absolutamente importantes quando se trata de criar uma experiência de primeira classe e descomplicada para todos que visitam seu site

Embora a otimização para esses aspectos vitais exija algumas habilidades dedicadas de seus desenvolvedores web, a recompensa é enorme: criar experiências digitais excelentes que mantêm os clientes satisfeitos e voltando para mais. Dominar os Core Web Vitals em 2024 e além será fundamental para o sucesso online.

Leia mais emVelocidade de ligação.

Perguntas frequentes