Core Web Vitals em Sites

Veja um exemplo prático de impacto do Core Web Vitals em um website criado pela Eco Webdesign

Ícone Compartilhar no Whatsapp Ícone Compartilhar no Twitter Ícone Compartilhar por e-mail
Imagem webvitals

O Google lançou o Core WebVitals com a primícia de melhorar a experiência do visitante no website e mostrar aos desenvolvedores de forma empírica o que o site precisa para ser bom.


Para saber mais e acompanhar matérias sobre Web Vitals veja os canais oficiais do Google (em inglês): https://web.dev/tags/web-vitals/


De forma resumida, são 3 os pilares do Core Web Vitals, os quais são:


LCP: Do inglês largest content paint, essa métrica mede o tempo da página em branco ao iniciar carregar até estar preenchida e útil. Essa métrica não considera o conteúdo fora da tela onde precisa rolar a página. Esse carregamento precisa acontecer em menos de 2,5 segundos.


FID: Do inglês first input delay, aqui mede-se o tempo de resposta ao interagir com a página, ou seja, se o website é reativo. Por exemplo: ao clicar em um botão, algo precisa acontecer. É muito comum que websites reprovados nesta métrica deixem o usuário na dúvida se realmente clicou corretamente ou se o site parou de responder (travou). O valor dessa métrica é 0,1 segundo, ou seja, após o clique é necessário uma resposta imediata como mensagem de carregamento, efeito no botão, entre outros.


CLS: Do inglês cumulative layout shift, o item avaliado é a estabilidade da tela ao carregar. Sites lentos que deslocam os itens enquanto carregam são reprovados neste item. De forma geral e na situação mais comum se uma imagem do website, ao carregar, derruba o conteúdo, o site é reprovado. 


Os sites são avaliados diariamente e o Google considera aprovado o website que está dentro dos critérios acima para 75% dos visitantes nos últimos 28 dias.


Abaixo vamos mostrar o website da GEOMAQ (www.geomaq.com.br), onde após reformulação, foram aplicadas técnicas para estar dentro do Core Web Vitals.

Imagem search_impact

Após o relançamento, que envolve também atualização de conteúdo, o website aumentou o recebimento de cliques pelas pesquisas do Google em 70˜100%. A quantidade de visitas praticamente dobrou. Além deste crescimento o website também aumentou a taxa de conversão em aproximadamente 25%, resultante da melhor experiência em página e dos elementos de CTA.


O site conta com praticamente 80 mil links e aproximadamente 90% das impressões são baseadas em URL's aprovadas, como mostra a imagem abaixo:


Imagem webvitals_approve

Entre as novidades, o website começou a ter impressões também na rede Discover do Google por meio de páginas com a tecnologia AMP.

Imagem discover_impact

O Core Web Vitals é um padrão moderno e necessário para garantir a competitividade dos websites. Caso precise de ajuda em relação ao Core Web Vitals você pode falar com nossa equipe de especialistas, estamos à disposição para ajudá-lo.

Essa publicação ajudou você?

Sim Não

Você também pode gostar de ler

Imagem principal do artigo Site com modelo pronto ou site exclusivo: o que realmente vale a pena para a sua empresa?

Site com modelo pronto ou site exclusivo: o que realmente vale a pena para a sua empresa?

Há várias formas de criar um site, de ferramentas com modelos prontos e geração por AI via prompts; com ou sem ajuda profissional. São muitas alternativas, mas que caminho tomar?

Em 23/11/2025 às 21h26 - Atualizado em 23/11/2025 às 21h32

Imagem principal do artigo IA para geração de textos em sites: quais os riscos e benefícios da ferramenta

IA para geração de textos em sites: quais os riscos e benefícios da ferramenta

A inteligência artificial produz textos a partir de seu conhecimento, pesquisando fontes, analisando imagens e etc. Mas afinal, o que realmente agrega e o que é prejudicial?

Em 23/11/2025 às 20h33 - Atualizado em 23/11/2025 às 20h36

Imagem principal do artigo Humano, não pare de escrever

Humano, não pare de escrever

Se as pessoas pararem de escrever, a AI como conhecemos será muito prejudicada, mas não somente ela, pois o conteúdo humano é mais valioso para as pessoas que para a própria AI.

Em 25/08/2025 às 21h13 - Atualizado em 10/09/2025 às 08h45

Imagem principal do artigo Agência de Web Design - Valores, Prazos, Exemplos e Dicas para Contratação

Agência de Web Design - Valores, Prazos, Exemplos e Dicas para Contratação

Entenda o que uma agência de web design faz e conheça a Eco Webdesign, que conta com mais de 16 anos de experiência na criação de sites.

Em 24/04/2025 às 14h54 - Atualizado em 07/08/2025 às 09h38

Imagem principal do artigo Mais Resultados: Melhores práticas para formulários de contato que convertem

Mais Resultados: Melhores práticas para formulários de contato que convertem

Os formulários são as ferramentas responsáveis pelo sucesso da maioria dos websites e aplicações, pois por eles são enviados dados.

Em 22/05/2025 às 20h51

Imagem principal do artigo Como usar o WhatsApp no seu site de forma avançada para vender mais

Como usar o WhatsApp no seu site de forma avançada para vender mais

O WhatsApp é o aplicativo de mensagens mais utilizado no Brasil e está praticamente em todos os celulares. Neste guia vamos mostrar de forma avançada como utilizá-lo em seu website

Em 22/05/2025 às 05h35

Imagem principal do artigo Como montar uma isca digital para capturar e-mails no seu site

Como montar uma isca digital para capturar e-mails no seu site

As iscas digitais são informações interessantes o suficiente para que os visitantes deixem seu e-mail em troca delas. Veja mais detalhes no artigo

Em 21/05/2025 às 08h56

Imagem principal do artigo Como gerar leads todos os dias com seu site

Como gerar leads todos os dias com seu site

Os leads são os resultados do uso do website como um PDV (ponto de venda). Veja como transformar o recebimento de leads em uma prática diária

Em 14/05/2025 às 21h05 - Atualizado em 14/05/2025 às 21h21

Imagem principal do artigo O que é funil de vendas e como aplicá-lo no seu site

O que é funil de vendas e como aplicá-lo no seu site

Entenda as etapas de um funil de vendas, sua importância para o website e como aplicar de forma efetiva

Em 13/05/2025 às 22h02

Imagem principal do artigo Checklist completo para lançar seu novo site em 2025 | 21 itens essenciais

Checklist completo para lançar seu novo site em 2025 | 21 itens essenciais

Seja para a criação, reformulação ou redesign de um website, é importante ter uma lista de itens essenciais para aumentar a chance do projeto ser bem sucedido

Em 22/04/2025 às 07h52

Imagem principal do artigo 10 exemplos de sites bem feitos para inspirar seu projeto em 2025

10 exemplos de sites bem feitos para inspirar seu projeto em 2025

Veja 10 exemplos de design de websites para inspirar a criação ou redesign do seu projeto neste ano

Em 17/04/2025 às 02h49 - Atualizado em 17/04/2025 às 02h50

Imagem principal do artigo Landing page vs site completo: o que escolher?

Landing page vs site completo: o que escolher?

A escolha certa entre um Site Completo e uma Landing Page é essencial para o sucesso do website. Mas qual escolher? Venha conosco para entender como tomar a melhor decisão

Em 15/04/2025 às 09h13

Imagem principal do artigo Site institucional: o que é e como fazer o seu | Passo a passo

Site institucional: o que é e como fazer o seu | Passo a passo

O Site Institucional pode ser muito interessante para as empresas ou organizações por vários motivos, entenda mais sobre neste artigo

Em 14/04/2025 às 11h52

Imagem principal do artigo Quanto custa um site profissional em 2025 | Entenda os preços e formatos

Quanto custa um site profissional em 2025 | Entenda os preços e formatos

O custo do website depende das funcionalidades e conteúdo, veja os principais tipos de websites e quais os preços médios para cada tipo

Em 07/04/2025 às 10h27 - Atualizado em 07/04/2025 às 10h29

Imagem principal do artigo Carrossel de imagens para as notícias e artigos

Carrossel de imagens para as notícias e artigos

Facilidade e agilidade para inserir diversas fotos em seus artigos direto do celular ou computador

Em 19/06/2023 às 10h28 - Atualizado em 16/10/2023 às 08h53

E-books para baixar

imagem do e-book como a web pode transformar seu negócio

Como a web pode transformar sua empresa

Veja uma abordagem geral da web e oportunidades para empresas de todos os tamanhos.

Baixar o E-book Ícone flecha botões Eco Webdesign
Imagem da apresentação da Eco Webdesign

Apresentação institucional da Eco Webdesign

Veja nossa apresentação atualizada com cases e os principais serviços Edição 6 de 2024

Baixar o E-book Ícone flecha botões Eco Webdesign