Technical SEO

Como melhorar o Core Web Vitals

14 min de leitura

O Core Web Vitals é o conjunto de métricas do Google para medir a experiência real do usuário em seu site. Elas impactam diretamente seus rankings de busca e, mais importante, se os visitantes permanecem ou saem. Este guia aborda otimizações práticas de alto impacto para cada métrica, priorizadas pela relação esforço-impacto.

learn.sections.stepByStep

Measure Your Current Core Web Vitals

Check your scores using Google Search Console's Core Web Vitals report for field data, and PageSpeed Insights for both field and lab data. Field data reflects real user experience and matters more for rankings. Note which pages fail and which metric is the primary issue.

Optimize Largest Contentful Paint (LCP)

LCP measures how long it takes for the largest visible element to load. Target under 2.5 seconds. Common fixes: optimize and properly size hero images, use modern formats like WebP or AVIF, implement server-side rendering for above-the-fold content, and reduce server response time with caching.

Improve Interaction to Next Paint (INP)

INP measures how quickly your page responds to user interactions. Target under 200 milliseconds. Reduce JavaScript execution time by breaking up long tasks, defer non-critical scripts, minimize main thread blocking, and use web workers for heavy computations.

Fix Cumulative Layout Shift (CLS)

CLS measures unexpected layout movement during page load. Target under 0.1. Always set explicit width and height on images and videos, reserve space for ads and embeds, avoid injecting content above existing content, and use CSS contain on dynamic elements.

Implement Infrastructure Improvements

Use a CDN to reduce latency for global users, enable HTTP/2 or HTTP/3 for multiplexed requests, implement effective browser caching headers, and use resource hints (preconnect, prefetch, preload) for critical assets. These foundational changes improve all three vitals.

Monitor and Maintain Performance

Set up Real User Monitoring (RUM) to track vitals continuously, not just during audits. Create performance budgets for JavaScript size and image weight. Add Core Web Vitals checks to your CI/CD pipeline to prevent regressions when deploying new code.

Meça seus Core Web Vitals atuais

Verifique suas pontuações usando o relatório de Core Web Vitals do Google Search Console para dados de campo, e o PageSpeed Insights para dados de campo e de laboratório. Dados de campo refletem a experiência real do usuário e importam mais para os rankings. Anote quais páginas falham e qual métrica é o problema principal.

Otimize o Largest Contentful Paint (LCP)

O LCP mede quanto tempo leva para o maior elemento visível carregar. Tente ficar abaixo de 2,5 segundos. Correções comuns: otimize e redimensione corretamente as imagens hero, use formatos modernos como WebP ou AVIF, implemente renderização no lado do servidor para conteúdos acima da dobra e reduza o tempo de resposta do servidor com cache.

Melhore o Interaction to Next Paint (INP)

O INP mede a rapidez com que sua página responde às interações do usuário. Tente ficar abaixo de 200 milissegundos. Reduza o tempo de execução de JavaScript dividindo tarefas longas, adie scripts não críticos, minimize o bloqueio da thread principal e use web workers para cálculos pesados.

Corrija o Cumulative Layout Shift (CLS)

O CLS mede movimentos inesperados de layout durante o carregamento da página. Tente ficar abaixo de 0,1. Sempre defina largura e altura explícitas em imagens e vídeos, reserve espaço para anúncios e embeds, evite injetar conteúdo acima do conteúdo existente e use CSS contain em elementos dinâmicos.

Implemente melhorias de infraestrutura

Use uma CDN para reduzir a latência para usuários globais, habilite HTTP/2 ou HTTP/3 para solicitações multiplexadas, implemente cabeçalhos de cache de navegador eficazes e use resource hints (preconnect, prefetch, preload) para recursos críticos. Essas mudanças fundamentais melhoram todos os três pilares das métricas.

Monitore e mantenha a performance

Configure Real User Monitoring (RUM) para rastrear métricas continuamente, não apenas durante auditorias. Crie orçamentos de performance para o tamanho de JavaScript e peso de imagens. Adicione verificações de Core Web Vitals ao seu pipeline de CI/CD para evitar regressões ao implantar novos códigos.

Dicas de Especialistas

Focus on the 75th percentile, not the average. Google evaluates Core Web Vitals at the 75th percentile of page loads -- your worst-performing 25% of sessions determines your score.
Test on real devices, not just developer tools. Chrome DevTools simulates slower devices, but real mobile devices often perform differently due to memory constraints and thermal throttling.
Lazy-load everything below the fold but preload everything above it. This simple rule handles most LCP and CLS issues simultaneously.
Foque no percentil 75, não na média. O Google avalia o Core Web Vitals no percentil 75 dos carregamentos de página — seus 25% de sessões com pior desempenho determinam sua pontuação.
Teste em dispositivos reais, não apenas em ferramentas de desenvolvedor. O Chrome DevTools simula dispositivos mais lentos, mas dispositivos móveis reais geralmente performam de forma diferente devido a restrições de memória e throttling térmico.
Aplique lazy-load em tudo abaixo da dobra, mas faça preload de tudo acima dela. Esta regra simples resolve a maioria dos problemas de LCP e CLS simultaneamente.

Erros Comuns para Evitar

Optimizing lab scores instead of field data

Lab data (Lighthouse) is useful for debugging but field data (CrUX) is what Google uses for rankings. A perfect Lighthouse score doesn't help if real users on slow connections experience poor performance.

Adding lazy loading to above-the-fold images

Lazy loading delays image rendering until they're near the viewport. For your hero image or LCP element, this actually makes LCP worse. Eager-load above-the-fold content and lazy-load everything else.

Ignoring third-party scripts

Analytics tags, chat widgets, ad scripts, and social embeds often cause the worst INP and CLS issues. Audit every third-party script, load non-critical ones asynchronously, and consider removing scripts that provide little value.

Otimizar pontuações de laboratório em vez de dados de campo

Dados de laboratório (Lighthouse) são úteis para depuração, mas dados de campo (CrUX) são o que o Google usa para rankings. Uma pontuação perfeita no Lighthouse não ajuda se usuários reais em conexões lentas experimentam um desempenho ruim.

Adicionar lazy loading a imagens acima da dobra

O lazy loading atrasa a renderização de imagens até que estejam perto da viewport. Para sua imagem hero ou elemento LCP, isso na verdade piora o LCP. Carregue conteúdos acima da dobra de forma imediata (eager-load) e use lazy-load para todo o resto.

Ignorar scripts de terceiros

Tags de analytics, widgets de chat, scripts de anúncios e embeds sociais frequentemente causam os piores problemas de INP e CLS. Audite cada script de terceiros, carregue os não críticos de forma assíncrona e considere remover scripts que agregam pouco valor.

Como o Keyword Kick facilita o processo

Continuous Core Web Vitals tracking with historical trends for every audited page
Specific, actionable recommendations for each failing metric with estimated impact
Automated alerts when Core Web Vitals regress after site changes
Rastreamento contínuo de Core Web Vitals com tendências históricas para cada página auditada
Recomendações específicas e práticas para cada métrica com desempenho abaixo do esperado, incluindo estimativa de impacto.
Alertas automatizados quando as Core Web Vitals regridem após alterações no site.

learn.sections.faq

Do Core Web Vitals directly affect rankings?

Yes, Core Web Vitals are a confirmed Google ranking factor as part of the Page Experience signals. However, they're one of many factors. Great content with poor vitals can still outrank mediocre content with perfect scores, but all else being equal, better vitals win.

What's a good LCP score?

Google considers LCP under 2.5 seconds as good, 2.5-4.0 seconds as needs improvement, and over 4.0 seconds as poor. Aim for under 2.0 seconds to give yourself a buffer, especially for mobile users on slower connections.

How quickly do Core Web Vitals improvements affect rankings?

Google's CrUX data is collected over a rolling 28-day period. After fixing performance issues, expect 4-6 weeks before the improvements are reflected in Search Console's Core Web Vitals report and begin impacting rankings.

As Core Web Vitals afetam diretamente o ranking?

Sim, as Core Web Vitals são um fator de ranking confirmado pelo Google como parte dos sinais de Page Experience. No entanto, elas são apenas um dos muitos fatores. Um ótimo conteúdo com vitals ruins ainda pode superar um conteúdo medíocre com pontuações perfeitas, mas, mantendo-se todo o resto igual, vitals melhores vencem.

Qual é uma boa pontuação de LCP?

O Google considera LCP abaixo de 2,5 segundos como bom, entre 2,5 e 4,0 segundos como precisando de melhorias e acima de 4,0 segundos como ruim. Tente manter abaixo de 2,0 segundos para ter uma margem de segurança, especialmente para usuários mobile em conexões mais lentas.

Com que rapidez as melhorias nas Core Web Vitals afetam o ranking?

Os dados do CrUX do Google são coletados durante um período contínuo de 28 dias. Após corrigir problemas de desempenho, espere de 4 a 6 semanas até que as melhorias sejam refletidas no relatório de Core Web Vitals do Search Console e comecem a impactar o ranking.

learn.cta.button