Você já ouviu falar sobre o Core Web Vitals? Com o intuito de melhorar a experiência do cliente, o Google criou o Core Web Vitals, um conjunto de métricas que definem orientações sobre os pontos de qualidade essenciais da experiência do usuário em uma página.

Ainda está confuso? Não se preocupe! Basicamente, essa atualização visa uma melhor qualidade e experiência do internauta na web. O Core Web Vitals fornece orientações sobre as características e sinais que evidenciam uma página de bom desempenho.

Neste artigo, além de explicar um pouco mais sobre o Core Web Vitals, você, lojista, também verá como melhorar a pontuação da sua loja Tray.

Qual a importância do Core Web Vitals?

Considerado um conjunto de métricas essenciais, o Google incorporou essas regras ao seu algoritmo de busca em 2021. Sites com melhor pontuação tendem a obter melhores classificações nos resultados de busca — aí está o SEO de novo!

Vale lembrar que cada fator tem um peso diferente: páginas com conteúdo excelente, mesmo com aspectos inferiores de experiência do usuário, ainda podem receber uma boa classificação. Já entre páginas com conteúdos parecidos, os fatores de experiência costumam ser o diferencial.

Como a pontuação do Core Web Vitals é calculada?

O Google utiliza as métricas do Core Web Vitals, aliadas a outros fatores que o algoritmo já considerava antes:

• Mobile Friendly: sua loja precisa ser amigável não apenas para desktop, mas também para dispositivos móveis — o conteúdo precisa se adaptar a smartphones e tablets.
• Navegação Segura: sua loja não pode apresentar vulnerabilidades que ofereçam risco ao usuário. Para verificar, use a ferramenta de status de navegação segura do Google.
• HTTPS: o domínio da sua loja precisa ter um certificado seguro de protocolo HTTPS, que adiciona uma camada de proteção criptografada na transmissão de dados entre o computador e o servidor.
• Sem intersticiais intrusivos: evite pop-ups que prejudiquem a experiência do usuário e interrompam a navegação sem um gatilho claro, principalmente em dispositivos móveis.

Além desses fatores, o Google avalia diretamente as três métricas do Core Web Vitals, que medem velocidade de carregamento, capacidade de resposta e estabilidade visual:

• LCP (Largest Contentful Paint): mede a velocidade de carregamento percebida — o tempo até o maior conteúdo visível da página terminar de carregar.
• INP (Interaction to Next Paint): mede a capacidade de resposta da página a interações do usuário (cliques, toques, teclado) ao longo de toda a visita, não só na primeira interação. Desde março de 2024, o INP é a métrica oficial de responsividade do Core Web Vitals, substituindo o antigo FID (First Input Delay), que foi descontinuado.
• CLS (Cumulative Layout Shift): mede a estabilidade visual da página, avaliando a quantidade de mudanças inesperadas de layout que ocorrem enquanto ela carrega.

Quando você usa uma ferramenta de análise, é possível ver a pontuação de cada uma dessas métricas separadamente e entender o peso de cada fator no resultado final.

Calculadora de métricas com o Tema Padrão 3.0, que pode servir de referência para o peso de cada fator.

Quais ferramentas posso utilizar para calcular a pontuação?

Para medir a pontuação do Core Web Vitals, você pode utilizar:

• Lighthouse: atribui notas ao seu site e aponta possíveis problemas e correções necessárias.
• PageSpeed Insights: mostra as métricas reais que o Google está levando em consideração para a sua loja.

Ponto de atenção: a cada análise, é normal que a pontuação varie um pouco. Isso acontece porque existem variáveis no carregamento de uma página (tráfego nos servidores, conexão do provedor, intermitências pontuais). Não se preocupe se a pontuação cair de um dia para o outro — o ideal é acompanhar a tendência em dias e horários diferentes.

Como melhorar a pontuação Core Web Vitals?

Existem três frentes trabalhando juntas para uma boa pontuação:

1. Nós, a plataforma Tray;
2. Agências que produzem temas e podem entregar trabalho extra de performance;
3. Você, lojista, que cria o conteúdo e gerencia a loja como um todo.

O que a plataforma Tray está fazendo

• Redução do tempo de resposta do servidor;
• Armazenamento em cache dos recursos do site que não mudam;
• Redução da quantidade de dados que o navegador do usuário precisa solicitar ao servidor.

O que as agências podem fazer

Ao contratar um projeto personalizado, vale validar a pontuação do Core Web Vitals antes de adquiri-lo. Para melhorar a pontuação, os temas desenvolvidos por agências devem ter:

• Carregamento de imagens e vídeos otimizado com lazy loading (adia o carregamento de um recurso até o momento em que ele é necessário);
• Dimensões definidas para as imagens;
• Links externos com comportamento configurado para desempenho e segurança;
• Carregamento de fontes otimizado;
• Arquivos de JavaScript e CSS minificados (sem espaços, comentários e tabulações desnecessárias);
• Design mobile-first;
• Bibliotecas do tema sempre atualizadas.

Um tema completo e robusto pode carregar mais devagar do que um tema simples — escolha com sabedoria, sabendo que nem sempre a experiência mais rica trará a melhor pontuação. Cada funcionalidade extra pode impactar o desempenho de forma diferente.

O que você, lojista, pode fazer

• Reduza o tamanho das imagens: imagens com resolução maior que a necessária atrasam o carregamento da loja. Use ferramentas como o TinyPNG para otimizá-las sem perder qualidade.
• Escolha do tema: opte por um tema com foco em performance.
• Balanceie a quantidade de aplicativos: quanto mais aplicativos, maior o tempo de carregamento e menor a pontuação.
• Evite pop-ups automáticos: desative pop-ups que abrem sozinhos ao carregar a loja (ex: cadastro em newsletter), caso seu tema tenha essa opção.
• Certificado de Segurança: contrate um certificado SSL recomendado pela Tray. Saiba mais em Certificado de Segurança SSL: O que é? Quais benefícios?

É preciso equilibrar performance com conteúdo e recursos: quanto mais aplicativos, imagens em alta definição e funcionalidades, mais oportunidades de interação — mas também mais impacto na pontuação.

Não se esqueça: além de seguir essas recomendações, para uma boa indexação no Google seus produtos precisam ter nomes corretos, boas palavras-chave e descrições completas.

Disponibilizamos um tema padrão já otimizado para Core Web Vitals, que pode servir de referência ou ser usado gratuitamente:

• Demonstração do Tema
• Manual do Tema Padrão 3.0

Boas vendas!

Equipe Tray.