top of page
Headphones website homepage shown on desktop and mobile. Also shown are core web vital measurements of the site.

Um guia detalhado sobre o Core Web Vitals (CWV)

A partir de junho, o Core Web Vitals (CWV) — um novo conjunto de avaliações de desempenho — passou a desempenhar um papel importante no algoritmo de busca do Google. Essa iniciativa fornece uma orientação unificada e padronização para ajudar os sites a oferecer melhores experiências de usuário na web. Conforme essa mudança é implementada, os profissionais de marketing e proprietários de sites precisam aprender como aproveitar essas novas métricas para disponibilizar sites com carregamento mais rápido e melhores experiências de usuário.

No Wix, trabalhamos continuamente para melhorar o desempenho dos sites hospedados em nossa plataforma, garantindo que eles atendam aos padrões do mercado, incluindo o CWV.

Neste artigo, analisaremos o CWV, bem como algumas outras métricas importantes, com o objetivo de entender a importância delas para o desempenho do seu site e a experiência dos visitantes.

Introdução

Por que a experiência do usuário é tão importante?

Os visitantes chegam ao seu site prontos para explorar sua oferta e o conteúdo que você criou — mas eles não vão gostar se o site demorar para carregar. Os usuários abandonarão até mesmo a experiência mais fascinante se precisarem esperar muito para que o site seja carregado em seus dispositivos.

Essa é uma das razões pelas quais o Google passou a enfatizar o desempenho do site (por exemplo, a velocidade) como um fator de classificação em seu mecanismo de busca. Quando os principais fatores de classificação, como conteúdo e autoridade, estiverem muito próximos, a velocidade do site pode servir como desempate. Assim, um bom desempenho pode impactar a classificação nos resultados da busca.

Como o Core Web Vitals passando a fazer parte do Search Engine Optimization (SEO), os proprietários de sites querem melhorar suas avaliações do CWV. Embora não substituam outras métricas importantes, a simplicidade, transparência e as percepções acionáveis do CWV fazem dele um excelente recurso para entender e monitorar o desempenho de seu site.

Entendendo o Core Web Vitals

Core Web Vitals é um novo conjunto de avaliações baseadas em dados de campo (dados coletados anonimamente de visitantes reais de seus sites) desenvolvido para ajudar a padronizar e simplificar a forma como os proprietários de sites monitoram os três fatores-chave que mais impactam a experiência dos visitantes: tempo de carregamento, interatividade e estabilidade visual. E como essas métricas são baseadas em dados de usuários reais, as pontuações CWV são dinâmicas e mudam à medida que os usuários interagem com seu site.

As ferramentas do Google apresentam o CWV na forma de pontuações numéricas e rótulos simples para que você possa analisar rapidamente o desempenho do seu site.

​

  • Uma pontuação de CWV "Bom" indica que tudo está acontecendo de forma rápida e sem problemas, ou seja, que sua experiência de usuário está indo muito bem.

​

  • "Precisa melhorar" alerta você para problemas que podem estar deixando seu site mais lento.

​

  • Se a pontuação for "Ruim", significa que a experiência de usuário (UX) não está de acordo com os padrões do mercado.

 

O Core Web Vitals avalia três aspectos fundamentais da experiência de usuário que afetam o desempenho do seu site:

 

  • Carregamento: o Largest Contentful Paint (LCP) mede o tempo desde o início do carregamento da página até a renderização da maior imagem ou bloco de texto visível na janela de exibição inicial. Para uma boa pontuação, o LCP deve ser igual ou inferior a 2,5 segundos.

 

  • Interatividade: o First Entry Delay (FID) mede o tempo a partir do momento em que um usuário interage com uma página pela primeira vez, por exemplo, clicando em um link ou botão, até o navegador realmente processar essa interação. Para uma boa pontuação, o FID deve ser igual ou inferior a 100 milissegundos.

​

  • Estabilidade visual: o Cumulative Layout Change (CLS) soma os deslocamentos de layout individuais e inesperados que ocorrem durante toda a vida útil da página. Um deslocamento inesperado de layout ocorre sempre que um elemento visível muda sua posição sem que haja interação do usuário. Para uma boa pontuação, o CLS deve ser igual ou inferior a 0,1.

Além do CWV, a experiência de página inclui outros aspectos de experiência de usuário não relacionados ao desempenho. São eles:

 

  • Otimização para dispositivos móveis: os usuários devem conseguir ler e usar a versão mobile do seu site sem precisar diminuir ou ampliar o zoom para visualizar o conteúdo.

  • Navegação segura: o Google usa navegação segura para garantir que os sites não tenham conteúdo "malicioso" ou "enganoso". Você pode fazer a verificação do seu site com um relatório Problemas de segurança.

  • HTTPS: a segurança do seu site — tanto para você quanto para seus visitantes — é fundamental, e os mecanismos de busca levam isso em consideração. O HTTPS usa um protocolo de criptografia e é mais seguro do que o HTTP. Boa notícia: todos os sites Wix são HTTPS.

  • Intersticiais intrusivos: por lei, os sites devem informar os usuários sobre questões como coleta de dados e políticas de privacidade por meio da exibição de intersticiais. No entanto, intersticiais intrusivos podem dificultar a acessibilidade do conteúdo.

Explicação dos 3 core web vitals — LCP, FID e CLS — e uma descrição de como eles são medidos.
Fatores que afetam a experiência do usuário e a classificação de um site, incluindo tempo de carregamento, interatividade, estabilidade visual e muito mais.

As métricas CWV que o Google utiliza para a classificação da experiência de página se baseiam apenas em field data (dados de campo), e não usam lab data (dados de laboratório) ou outros testes simulados. Esses dados de campo também são conhecidos como Real User Monitoring (RUM), uma vez que são coletados a partir das sessões de usuários reais.

O CWV, assim como os dados adicionais, é coletado de todas as sessões do Chrome das quais os usuários não tenham optado por não participar. Esses dados são enviados aos servidores do Google e armazenados em um banco de dados conhecido como Experiência de usuário do Chrome (CrUX). O mecanismo de busca do Google consultará esse banco de dados para calcular o sinal de classificação Experiência de página. Os dados de CrUX também são acessíveis e disponibilizados por ferramentas como o Google PageSpeed Insights (PSI) e o próprio Google Search Console.

Além dos dados de campo, o Google também fornece ferramentas para testar o desempenho de sessões específicas sob condições de laboratório, incluindo o Google Lighthouse e o PageSpeed Insights (que abordaremos adiante). Há também ferramentas de laboratório de outras fontes, como WebPageTest e GTmetrix. Elas são especialmente úteis para entender rapidamente possíveis mudanças que podem afetar o desempenho ou para testar sites que ainda não têm medidas de campo suficientes.

Como o Google coleta os dados de campo para o Core Web Vitals (e qual o problema com dados de laboratório?)

Gráfico mostrando os pontos fortes e as limitações das ferramentas de desempenho do Google: ferramentas de campo e de laborátório.

Pontos fortes e limitações: ferramentas de campo x de laboratório

As métricas que mensuram o Core Web Vitals

Entendendo o Core Web Vitals (CWV)

Ferramentas para medir o Core Web Vitals do seu site

Para integrar melhor as percepções do Core Web Vitals com seu conjunto de ferramentas de medição, o Google está incorporando as métricas CWV em suas outras ferramentas de medição populares, incluindo algumas que historicamente se concentraram em relatórios de dados de laboratório. Veja aqui como e onde encontrar suas avaliações CWV:

 

Ferramentas de campo:

​

  • Relatório de Core Web Vitals no Google Search Console: naturalmente, a análise do Core Web Vitals começa em seu relatório de Core Web Vitals no Google Search Console (GSC), que estima a rapidez com que suas páginas carregam em um determinado período. Este relatório analisa todas os URLs em seu site indexados pelo Google, verifica suas pontuações em relação aos dados do Core Web Vitals e os coloca em buckets, com pontuações separadas para desktop e mobile. Conforme observado na seção anterior, as três principais métricas relatadas pelo Core Web Vitals são Largest Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS).

    *Se o Search Console indicar "Nenhum dado disponível", então ou sua propriedade é nova no Search Console ou não há dados suficientes no relatório de CrUX que possam ser acessados no Search Console.

​

  • Experiência de usuário do Chrome (CrUX): o relatório Experiência de usuário do Chrome é alimentado por medições reais de dados de usuários realizadas pelas principais métricas de UX em toda a web pública. Os dados são agregados de usuários que não desabilitaram seus relatórios de uso. Você pode configurar o painel de CrUX no Google Data Studio para rastrear as tendências de UX de uma origem.


 

Ferramentas de laboratório:

​

  • Google Lighthouse: auditorias do Google Lighthouse para desempenho, acessibilidade, Aplicativos Web Progressivos (PWAs), SEO e muito mais. Junto com os o LCP e o CLS do Core Web Vitals (assim como o Total Blocking Time - TBT), o Lighthouse calcula as seguintes métricas de lab data:

    • First Contentful Paint (FCP): o FCP marca o primeiro ponto durante o carregamento da página quando os usuários veem algo em suas telas. Um FCP rápido ajuda a garantir aos usuários que algo está acontecendo quando eles acessam seu site. Um FCP lento significa que seus usuários não estão vendo nada imediatamente (e isso não é bom).

    • Índice de velocidade: o índice de velocidade mede a rapidez com que o conteúdo é exibido visualmente durante o carregamento da página. Isso é fundamental para uma boa experiência de usuário.

    • Time to Interactive (TTI): o TTI mede quanto tempo leva até que uma página se torne totalmente interativa. Por exemplo, o TTI indicará o tempo decorrido após o carregamento da página até que um usuário possa clicar em um botão.

​

 

 

 

Lembre-se de que o desempenho de um site pode variar consideravelmente com base nos recursos do dispositivo do usuário, condições de rede e outros processos em execução no dispositivo. Conforme observado anteriormente, como as métricas de Core Web Vitals são dados de campo extraídos de interações reais dos usuários com seu site, suas avaliações de Core Web Vitals oscilarão mais do que os dados de laboratório medidos pelas ferramentas de laboratório.

O que o Google diz sobre CWV e SEO

Na última conferência Google I/O em maio de 2021, o Google forneceu alguns esclarecimentos sobre como eles planejam usar o CWV para SEO.

I. Inicialmente, a vantagem na classificação obtida em função do desempenho ocorrerá apenas para dispositivos móveis. O suporte para desktop será adicionado mais tarde (nenhuma data foi fornecida).

II. Será apenas uma vantagem, não um fator desclassificatório. Dito isso, a classificação de um site pode cair se seus concorrentes receberem essa vantagem e você não.

III. III. O conteúdo ainda "é rei" e sempre será. A qualidade e a autoridade do conteúdo têm um impacto muito maior na classificação do que o desempenho.

IV. Você não precisa obter boas pontuações em todos os três CWV a fim de aumentar sua classificação de desempenho: cada métrica contribuirá com um incremento independente.

V. Você não precisa de uma pontuação excelente (verde) em um CWV para garantir uma vantagem: você não recebe nenhuma vantagem para uma pontuação medíocre (vermelha), ela começa a aumentar gradualmente na zona amarela e se estabiliza quando atinge o verde.

Dito isso, ter um bom desempenho sempre foi benéfico para o sucesso de uma página — e continuará sendo assim no futuro.

Leia mais sobre esse assunto na sessão de perguntas e respostas do Google.

Medindo o CWV

Como o Wix está se preparando para o Core Web Vitals

Para melhorar o desempenho de milhões de sites criados em nossa plataforma, implementamos várias novas ferramentas e estratégias a fim de nos prepararmos para a incorporação do CWV pelo Google para sua classificação de páginas. Entre elas estão:

  • Lançamento de nosso novo painel de controle de velocidade do site para ajudar os usuários a monitorar o desempenho do site com métricas em tempo real, como tempo de carregamento (a partir de dados de campo) e dicas para melhorar a velocidade da página. Além disso, o painel de controle fornece pontuações do PageSpeed ​​Insight, com base em dados de laboratório, tanto para desktop quanto para mobile.

  • Redução do tempo de renderização do site em desktop e mobile.

  • Cache de páginas renderizadas e recursos estáticos em um CDN global para entrega rápida.

  • Offloading computacional para os dispositivos endpoint em nosso servidor rápido.

 

Com esses e outros esforços, aumentamos em 8 vezes o número de sites Wix com uma boa pontuação.

Como melhorar os resultados do Core Web Vitals em seu site Wix

Se o seu Core Web Vitals não estiver bom, é importante solucionar problemas no seu site para melhorar o desempenho. Aqui está o que você pode fazer para melhorar sua pontuação do CWV:

 

1. Evite sobrecarregar as páginas com conteúdo em excesso.
2. Divida as páginas longas em várias menores, com foco em um conteúdo ou funcionalidade específico.
3. Sempre que possível, use JPGs em vez de PNGs, e vídeos em vez de GIFs.
4. Evite usar muitas fontes ou estilos diferentes.
5. Reduza o uso de animações — revele uma ou outra animação em particular.
6. Não coloque o seu conteúdo principal dentro de lightboxes

​

Se quiser saber mais sobre as melhores práticas para melhorar seu site para o CWV, confira nosso artigo sobre como otimizar seu site para um melhor desempenho.

A conscientização é o primeiro passo no caminho para o sucesso, portanto, sempre monitore seu Core Web Vitals (juntamente com os outros elementos que abordamos) e, em seguida, elimine quaisquer problemas que você perceba, otimizando regularmente seu site para um melhor desempenho.

Graph showing the significant improvement of performance of Wix sites since the end of 2020, as measured by Core Web Vitals.

Relatório de tecnologia Core Web Vitals

Otimizando para o CWC no Wix

Conclusion

Many agencies aren’t upselling soon enough. And they’re risking premature customer churn because of it.

 

Knowing when to upsell a client can feel more art than science, but a study by Vendasta claims to have found the perfect time to expand your relationship with a client: 3 months.

 

Ninety days may seem like a short timeline to start upselling, but if a client is satisfied with your work in that time period then upselling can bring them more value quicker than they expected. Alternatively, if they’re not satisfied, it gives you a chance to recalibrate so you can keep their business. Both of those scenarios result in additional revenue you would have missed out on had you not initiated the conversation.

 

Upsells are easier to approach and able to start earlier than most agencies realize. Here are four critical steps that will help you upsell sooner successfully.

O foco de Dan está na otimização de todos os sites hospedados no Wix para aumentar sua velocidade. Com mais de 25 anos de experiência no desenvolvimento de softwares, Dan trabalhou em sistemas que incluem de games multijogador a simulações de trajetória de mísseis. Ele é um palestrante frequente em conferências sobre tecnologia, palestrante no podcast JavaScript Jabber e membro do Conselho Consultivo do Google Chrome (CAB). Dan tem mestrado em Ciência da Computação.

Autor: Dan Shappir

Líder de tecnologia de desempenho no Wix.com

  • Twitter
  • Facebook
  • Twitter
  • LinkedIn

Author: Dan Shappir

Dan focuses on optimizing all sites hosted on Wix for speed. With over 25 years of software development experience, Dan has worked on systems ranging from multi-user games to missile trajectory simulations. He is a frequent speaker at technical conferences, a panelist on the JavaScript Jabber podcast, and a member of the Google Chrome Advisory Board (CAB). Dan holds an M.Sc. in Computer Science.

bottom of page