{"id":3656,"date":"2026-10-29T09:30:00","date_gmt":"2026-10-29T09:30:00","guid":{"rendered":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"modified":"2026-11-11T07:57:45","modified_gmt":"2026-11-11T07:57:45","slug":"what-are-core-web-vitals-how-they-impact-site-speed-pt","status":"publish","type":"post","link":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","title":{"rendered":"O que s\u00e3o Core Web Vitals e como afetam a velocidade do site?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3656\" class=\"elementor elementor-3656\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c13572 e-flex e-con-boxed e-con e-parent\" data-id=\"4c13572\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb46438 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"fb46438\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;Nenhum t\\u00edtulo foi encontrado nesta p\\u00e1gina.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<div class=\"elementor-toc__header-title\">\n\t\t\t\t\u00cdndice\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__fb46438\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1872cac e-flex e-con-boxed e-con e-parent\" data-id=\"1872cac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb80fd elementor-widget elementor-widget-text-editor\" data-id=\"2cb80fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>O desempenho de um site vai al\u00e9m da rapidez com que uma p\u00e1gina carrega. Mesmo que seu conte\u00fado apare\u00e7a em poucos segundos, bot\u00f5es que respondem devagar ou mudan\u00e7as inesperadas no layout podem frustrar os visitantes e prejudicar a experi\u00eancia deles. Ent\u00e3o, como saber se o seu site est\u00e1 tendo um bom desempenho? As Core Web Vitals s\u00e3o as principais m\u00e9tricas de desempenho do Google, que medem a velocidade de carregamento, a interatividade e a estabilidade visual. Neste guia, voc\u00ea vai conhecer as tr\u00eas m\u00e9tricas das Core Web Vitals, seus limites recomendados e as ferramentas que pode usar para medir e melhorar o desempenho do seu site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-664621b e-flex e-con-boxed e-con e-parent\" data-id=\"664621b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31dc3da elementor-widget elementor-widget-text-editor\" data-id=\"31dc3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>O que s\u00e3o Core Web Vitals?<\/h2><p>As Core Web Vitals s\u00e3o um conjunto de m\u00e9tricas de desempenho criado pelo Google para medir aspectos importantes da experi\u00eancia do usu\u00e1rio em um site. Essas m\u00e9tricas se concentram em tr\u00eas fatores principais: desempenho de carregamento, interatividade e estabilidade visual. Em outras palavras, elas ajudam os propriet\u00e1rios de sites a entender a rapidez com que uma p\u00e1gina carrega, a fluidez com que os usu\u00e1rios conseguem interagir com ela e se o conte\u00fado permanece est\u00e1vel durante o carregamento.<\/p><p>O desempenho de um site n\u00e3o se resume \u00e0 rapidez com que uma p\u00e1gina \u00e9 aberta. Um site pode carregar seu conte\u00fado em pouco tempo, mas, se os usu\u00e1rios precisarem esperar para conseguir clicar em um bot\u00e3o ou se o layout da p\u00e1gina mudar de forma inesperada, a experi\u00eancia geral ainda pode ser ruim. As Core Web Vitals ajudam a identificar esses problemas e oferecem metas mensur\u00e1veis para melhorar o desempenho do site.<\/p><p>Atualmente, o Google utiliza tr\u00eas m\u00e9tricas das Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) e Cumulative Layout Shift (CLS). Cada m\u00e9trica mede uma parte diferente da experi\u00eancia do usu\u00e1rio, portanto melhorar uma delas n\u00e3o significa necessariamente que as outras duas tamb\u00e9m v\u00e3o melhorar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603a3e6 e-flex e-con-boxed e-con e-parent\" data-id=\"603a3e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffab792 elementor-widget elementor-widget-text-editor\" data-id=\"ffab792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Por que as Core Web Vitals s\u00e3o importantes?<\/h2><p>Um site deve oferecer uma experi\u00eancia fluida e confi\u00e1vel aos seus visitantes. Quando uma p\u00e1gina demora demais para carregar, os usu\u00e1rios podem sair antes de acessar as informa\u00e7\u00f5es de que precisam. Da mesma forma, se os bot\u00f5es respondem devagar ou se os elementos da p\u00e1gina se movem de forma inesperada, os visitantes podem ficar frustrados e ter dificuldade para concluir suas tarefas.<\/p><p>As Core Web Vitals ajudam os propriet\u00e1rios de sites a identificar esses problemas usando dados de desempenho mensur\u00e1veis, em vez de depender apenas de impress\u00f5es pessoais. Por exemplo, um desenvolvedor pode testar um site em um computador potente e constatar que ele carrega rapidamente. No entanto, visitantes que usam dispositivos m\u00f3veis mais antigos ou conex\u00f5es de internet mais lentas podem enfrentar tempos de carregamento muito maiores.<\/p><p>Essas diferen\u00e7as tornam o monitoramento de desempenho importante. Ao analisar os dados das Core Web Vitals, os desenvolvedores podem identificar quais partes de um site precisam de melhorias e verificar se os esfor\u00e7os de otimiza\u00e7\u00e3o est\u00e3o produzindo os resultados esperados.<\/p><p>As Core Web Vitals tamb\u00e9m s\u00e3o relevantes para a otimiza\u00e7\u00e3o para mecanismos de busca (SEO). O Google usa sinais de experi\u00eancia na p\u00e1gina em seus sistemas de classifica\u00e7\u00e3o, mas boas pontua\u00e7\u00f5es nas Core Web Vitals n\u00e3o garantem posi\u00e7\u00f5es mais altas. Conte\u00fado relevante e muitos outros fatores continuam sendo importantes. Portanto, melhorar essas m\u00e9tricas deve ser visto como parte de uma estrat\u00e9gia mais ampla para construir um site \u00fatil, acess\u00edvel e confi\u00e1vel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-598ac2f e-flex e-con-boxed e-con e-parent\" data-id=\"598ac2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-def6c44 elementor-widget elementor-widget-text-editor\" data-id=\"def6c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quais s\u00e3o as tr\u00eas m\u00e9tricas das Core Web Vitals?<\/h2><p>Cada m\u00e9trica das Core Web Vitals se concentra em um aspecto espec\u00edfico do desempenho do site. Entender como elas funcionam facilita a identifica\u00e7\u00e3o de problemas de desempenho e a escolha das t\u00e9cnicas de otimiza\u00e7\u00e3o adequadas.<\/p><ul><li><h3>O que \u00e9 Largest Contentful Paint (LCP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O Largest Contentful Paint (LCP) mede quanto tempo leva para que a maior imagem ou o maior bloco de texto vis\u00edvel na janela de visualiza\u00e7\u00e3o inicial apare\u00e7a. Essa m\u00e9trica ajuda a estimar quando o conte\u00fado principal de uma p\u00e1gina se torna vis\u00edvel para o usu\u00e1rio.<\/p><p style=\"padding-left: 40px;\">Por exemplo, imagine que um visitante abre um artigo de blog. O fundo da p\u00e1gina e o menu de navega\u00e7\u00e3o podem aparecer quase imediatamente, mas o t\u00edtulo principal ou a imagem em destaque podem levar v\u00e1rios segundos para carregar. Nessa situa\u00e7\u00e3o, o visitante pode ter a impress\u00e3o de que a p\u00e1gina ainda est\u00e1 carregando, mesmo que alguns de seus elementos j\u00e1 estejam vis\u00edveis. Uma boa pontua\u00e7\u00e3o de LCP deve ser de 2,5 segundos ou menos. Se o valor estiver entre 2,5 e 4 segundos, a p\u00e1gina precisa de melhorias. Um valor de LCP superior a 4 segundos \u00e9 considerado ruim.<\/p><p style=\"padding-left: 40px;\">Diversos fatores podem afetar o LCP, incluindo tempos de resposta lentos do servidor, imagens grandes, CSS e JavaScript que bloqueiam a renderiza\u00e7\u00e3o e atrasos na descoberta do conte\u00fado principal.<\/p><p style=\"padding-left: 40px;\">Para melhorar o LCP, os propriet\u00e1rios de sites podem seguir estas etapas:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Otimize as imagens:<\/span> reduza o tamanho dos arquivos de imagem e use formatos modernos, como WebP ou AVIF, quando for apropriado.<\/li><li><span style=\"color: #a26f9a;\">Melhore os tempos de resposta do servidor:<\/span> use recursos de hospedagem eficientes, cache e uma rede de distribui\u00e7\u00e3o de conte\u00fado (CDN) quando forem adequados para o site.<\/li><li><span style=\"color: #a26f9a;\">Priorize o conte\u00fado principal:<\/span> garanta que o navegador consiga descobrir as imagens importantes diretamente no c\u00f3digo-fonte HTML e priorize o carregamento delas quando necess\u00e1rio.<\/li><li><span style=\"color: #a26f9a;\">Reduza os recursos que bloqueiam a renderiza\u00e7\u00e3o:<\/span> otimize os arquivos CSS e JavaScript que impedem o navegador de exibir o conte\u00fado principal.<\/li><li><span style=\"color: #a26f9a;\">Evite o lazy loading da imagem de LCP:<\/span> se uma imagem provavelmente for o elemento de LCP, atrasar seu carregamento pode fazer a p\u00e1gina parecer mais lenta.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Essas t\u00e9cnicas podem reduzir o tempo que os usu\u00e1rios passam esperando o conte\u00fado principal aparecer. No entanto, a solu\u00e7\u00e3o mais eficaz depende da causa do atraso, por isso \u00e9 importante medir a p\u00e1gina antes de fazer altera\u00e7\u00f5es.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d4bab e-flex e-con-boxed e-con e-parent\" data-id=\"41d4bab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc39543 elementor-widget elementor-widget-text-editor\" data-id=\"fc39543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>O que \u00e9 Interaction to Next Paint (INP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O Interaction to Next Paint (INP) mede o qu\u00e3o responsivo um site parece quando os usu\u00e1rios interagem com ele. Ele avalia o atraso entre uma intera\u00e7\u00e3o do usu\u00e1rio, como clicar em um bot\u00e3o ou pressionar uma tecla, e a pr\u00f3xima atualiza\u00e7\u00e3o visual exibida pelo navegador.<\/p><p style=\"padding-left: 40px;\">Pense em uma loja virtual em que um visitante clica no bot\u00e3o Adicionar ao carrinho. Se o navegador levar um tempo percept\u00edvel para atualizar o carrinho, o visitante pode achar que o bot\u00e3o n\u00e3o funcionou e clicar nele novamente. Isso pode gerar confus\u00e3o e at\u00e9 levar a a\u00e7\u00f5es duplicadas.<\/p><p style=\"padding-left: 40px;\">O INP ajuda a identificar esse tipo de problema ao medir a capacidade de resposta de uma p\u00e1gina durante toda a visita do usu\u00e1rio. Diferentemente do First Input Delay (FID), que media apenas o atraso antes de o navegador come\u00e7ar a processar a primeira intera\u00e7\u00e3o, o INP considera a experi\u00eancia de intera\u00e7\u00e3o de forma mais ampla ao longo de todo o ciclo de vida da p\u00e1gina. Uma boa pontua\u00e7\u00e3o de INP \u00e9 de 200 milissegundos ou menos. Valores acima de 200 milissegundos e at\u00e9 500 milissegundos precisam de melhorias, enquanto valores acima de 500 milissegundos s\u00e3o considerados ruins.<\/p><p style=\"padding-left: 40px;\">O JavaScript \u00e9 uma causa comum de INP ruim, pois o navegador pode precisar executar scripts antes de conseguir responder \u00e0 a\u00e7\u00e3o do usu\u00e1rio e exibir uma atualiza\u00e7\u00e3o. Tarefas de longa dura\u00e7\u00e3o podem impedir que o navegador processe as intera\u00e7\u00f5es rapidamente.<\/p><p style=\"padding-left: 40px;\">Para melhorar o INP, os desenvolvedores podem usar diversas t\u00e9cnicas:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Reduza o JavaScript desnecess\u00e1rio:<\/span> remova o c\u00f3digo n\u00e3o utilizado e evite carregar scripts que n\u00e3o s\u00e3o necess\u00e1rios para a p\u00e1gina atual.<\/li><li><span style=\"color: #a26f9a;\">Divida tarefas longas:<\/span> separe grandes tarefas de JavaScript em tarefas menores para que o navegador tenha mais oportunidades de processar as intera\u00e7\u00f5es do usu\u00e1rio.<\/li><li><span style=\"color: #a26f9a;\">Otimize os manipuladores de eventos:<\/span> mantenha as fun\u00e7\u00f5es relacionadas \u00e0s intera\u00e7\u00f5es o mais simples e eficientes poss\u00edvel.<\/li><li><span style=\"color: #a26f9a;\">Evite atualiza\u00e7\u00f5es desnecess\u00e1rias do DOM:<\/span> atualizar muitos elementos de uma vez pode aumentar o tempo de renderiza\u00e7\u00e3o e atrasar a pr\u00f3xima atualiza\u00e7\u00e3o visual.<\/li><li><span style=\"color: #a26f9a;\">Reduza os scripts de terceiros:<\/span> ferramentas de an\u00e1lise, scripts de publicidade e servi\u00e7os incorporados podem consumir recursos de processamento e afetar a capacidade de resposta.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Melhorar o INP exige mais do que reduzir o tamanho total dos arquivos JavaScript. Os desenvolvedores tamb\u00e9m precisam entender quando os scripts s\u00e3o executados e quanto trabalho o navegador precisa realizar ap\u00f3s uma intera\u00e7\u00e3o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06d2979 e-flex e-con-boxed e-con e-parent\" data-id=\"06d2979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1a655 elementor-widget elementor-widget-text-editor\" data-id=\"6c1a655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>O que \u00e9 Cumulative Layout Shift (CLS)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O Cumulative Layout Shift (CLS) mede a estabilidade visual de uma p\u00e1gina web. Ele se concentra em mudan\u00e7as inesperadas na posi\u00e7\u00e3o dos elementos vis\u00edveis enquanto a p\u00e1gina est\u00e1 sendo exibida.<\/p><p style=\"padding-left: 40px;\">Por exemplo, imagine que um visitante est\u00e1 lendo um artigo e, de repente, v\u00ea o texto se deslocar para baixo porque um an\u00fancio apareceu acima dele. Se o visitante estivesse prestes a clicar em um link, o movimento inesperado poderia faz\u00ea-lo clicar em outro elemento. Essas mudan\u00e7as de layout podem dificultar o uso de um site, especialmente em dispositivos m\u00f3veis, onde a \u00e1rea vis\u00edvel \u00e9 limitada. Uma boa pontua\u00e7\u00e3o de CLS \u00e9 de 0,1 ou menos. Pontua\u00e7\u00f5es acima de 0,1 e at\u00e9 0,25 precisam de melhorias, enquanto pontua\u00e7\u00f5es acima de 0,25 s\u00e3o consideradas ruins.<\/p><p style=\"padding-left: 40px;\">V\u00e1rios problemas comuns podem causar mudan\u00e7as inesperadas de layout. Imagens sem dimens\u00f5es definidas, an\u00fancios inseridos dinamicamente, conte\u00fado carregado tardiamente e fontes web que alteram a apar\u00eancia do texto podem afetar a estabilidade visual.<\/p><p style=\"padding-left: 40px;\">As t\u00e9cnicas a seguir podem ajudar a melhorar o CLS:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Defina as dimens\u00f5es das imagens:<\/span> especifique a largura e a altura das imagens ou use propor\u00e7\u00f5es (aspect ratio) em CSS para reservar o espa\u00e7o necess\u00e1rio antes que a imagem carregue.<\/li><li><span style=\"color: #a26f9a;\">Reserve espa\u00e7o para an\u00fancios:<\/span> destine espa\u00e7o suficiente aos cont\u00eaineres de an\u00fancios para evitar que o conte\u00fado ao redor se mova quando os an\u00fancios aparecerem.<\/li><li><span style=\"color: #a26f9a;\">Evite inserir conte\u00fado acima do conte\u00fado existente:<\/span> se novos elementos precisarem ser exibidos, coloque-os em um local onde n\u00e3o desloquem inesperadamente o conte\u00fado que os usu\u00e1rios j\u00e1 est\u00e3o vendo.<\/li><li><span style=\"color: #a26f9a;\">Otimize o carregamento de fontes:<\/span> use estrat\u00e9gias adequadas de carregamento de fontes e fontes alternativas para reduzir mudan\u00e7as inesperadas no layout do texto.<\/li><li><span style=\"color: #a26f9a;\">Use anima\u00e7\u00f5es CSS adequadas:<\/span> sempre que poss\u00edvel, prefira anima\u00e7\u00f5es baseadas em propriedades como transform e opacity, em vez de propriedades que causam mudan\u00e7as de layout.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">\u00c9 importante entender que nem toda mudan\u00e7a de layout \u00e9 prejudicial. Uma altera\u00e7\u00e3o que ocorre diretamente em resposta a uma intera\u00e7\u00e3o do usu\u00e1rio pode ser esperada. O CLS se concentra na instabilidade visual inesperada e utiliza um m\u00e9todo de pontua\u00e7\u00e3o baseado no impacto e na dist\u00e2ncia das mudan\u00e7as de layout.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-003d4a2 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"003d4a2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"003d4a2\" data-e-type=\"e-flexbox\" data-id=\"003d4a2\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img \" data-interaction-id=\"d66abbc\" data-e-type=\"widget\" data-id=\"d66abbc\" id=\"3537\" src=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp\" width=\"600\" height=\"517\" srcset=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp 600w, https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics-300x259.webp 300w\" alt=\"What Are the Three Core Web Vitals Metrics\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5540eed e-flex e-con-boxed e-con e-parent\" data-id=\"5540eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004b13a elementor-widget elementor-widget-text-editor\" data-id=\"004b13a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quais s\u00e3o os limites recomendados para as Core Web Vitals?<\/h2><p>O Google fornece limites espec\u00edficos para ajudar os propriet\u00e1rios de sites a determinar se suas p\u00e1ginas oferecem uma boa experi\u00eancia ao usu\u00e1rio. Esses limites dividem o desempenho em tr\u00eas categorias: bom, precisa de melhorias e ruim.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad8e2fa e-flex e-con-boxed e-con e-parent\" data-id=\"ad8e2fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580045 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"b580045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div class=\"cwv-table-wrapper\">\r\n  <table class=\"cwv-table\">\r\n    <thead>\r\n      <tr>\r\n        <th>Core Web Vital<\/th>\r\n        <th>What It Measures<\/th>\r\n        <th>Good Threshold<\/th>\r\n        <th>Needs Improvement<\/th>\r\n        <th>Poor<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n    <tbody>\r\n      <tr>\r\n        <td><strong>Largest Contentful Paint (LCP)<\/strong><\/td>\r\n        <td>Loading performance<\/td>\r\n        <td><span class=\"badge-good\">\u2264 2.5 seconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">2.5\u20134 seconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 4 seconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Interaction to Next Paint (INP)<\/strong><\/td>\r\n        <td>Interactivity<\/td>\r\n        <td><span class=\"badge-good\">\u2264 200 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">200\u2013500 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 500 milliseconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Cumulative Layout Shift (CLS)<\/strong><\/td>\r\n        <td>Visual stability<\/td>\r\n        <td><span class=\"badge-good\">\u2264 0.1<\/span><\/td>\r\n        <td><span class=\"badge-needs\">0.1\u20130.25<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 0.25<\/span><\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-794f84f e-flex e-con-boxed e-con e-parent\" data-id=\"794f84f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2086f elementor-widget elementor-widget-text-editor\" data-id=\"4e2086f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Esses limites ajudam os desenvolvedores a avaliar cada m\u00e9trica separadamente. No entanto, um \u00fanico teste n\u00e3o \u00e9 suficiente para determinar se um site oferece uma boa experi\u00eancia de forma consistente.<\/p><p>O Google recomenda avaliar as Core Web Vitals no 75\u00ba percentil das visitas \u00e0 p\u00e1gina, considerando separadamente os resultados em dispositivos m\u00f3veis e em desktop. Isso significa que pelo menos 75% das visitas medidas devem atingir o limite considerado bom em cada m\u00e9trica.<\/p><p>Por exemplo, suponha que um site tenha um valor de LCP de 2 segundos no 75\u00ba percentil. Isso significa que 75% das visitas medidas \u00e0 p\u00e1gina t\u00eam um LCP de 2 segundos ou menos, o que atende ao limite recomendado.<\/p><p>Um site deve buscar atingir os limites considerados bons nas tr\u00eas m\u00e9tricas, em vez de se concentrar apenas na sua melhor pontua\u00e7\u00e3o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e81c451 e-flex e-con-boxed e-con e-parent\" data-id=\"e81c451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404eccc elementor-widget elementor-widget-text-editor\" data-id=\"404eccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Quais s\u00e3o as ferramentas para medir as Core Web Vitals?<\/h2><p>As Core Web Vitals podem ser medidas com diversas ferramentas oferecidas pelo Google. Essas ferramentas ajudam os desenvolvedores a entender o desempenho de um site e a identificar os pontos que precisam de melhorias.<\/p><ul><li><h3>PageSpeed Insights<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O PageSpeed Insights \u00e9 uma das ferramentas mais \u00fateis para verificar as Core Web Vitals. Ele fornece tanto dados de usu\u00e1rios reais, quando dispon\u00edveis, quanto dados de laborat\u00f3rio coletados por meio de um teste simulado. Al\u00e9m disso, oferece sugest\u00f5es para melhorar o desempenho da p\u00e1gina.<\/p><ul><li><h3>Google Search Console<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O Google Search Console inclui um relat\u00f3rio de Core Web Vitals que mostra quais grupos de p\u00e1ginas oferecem uma boa experi\u00eancia ao usu\u00e1rio e quais precisam de melhorias. Ele utiliza dados reais para ajudar os propriet\u00e1rios de sites a identificar problemas de desempenho em v\u00e1rias p\u00e1ginas.<\/p><ul><li><h3>Chrome DevTools e Lighthouse<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O Chrome DevTools e o Lighthouse ajudam os desenvolvedores a testar o desempenho das p\u00e1ginas em um ambiente controlado. Eles podem identificar problemas relacionados \u00e0 execu\u00e7\u00e3o de JavaScript, ao carregamento de imagens, \u00e0s mudan\u00e7as de layout e a outros fatores que afetam as Core Web Vitals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304771b e-flex e-con-boxed e-con e-parent\" data-id=\"304771b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1717bca elementor-widget elementor-widget-text-editor\" data-id=\"1717bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Qual \u00e9 a diferen\u00e7a entre dados de campo e dados de laborat\u00f3rio?<\/h2><p>As Core Web Vitals podem ser avaliadas com dois tipos de dados: dados de campo e dados de laborat\u00f3rio. Entender a diferen\u00e7a ajuda os desenvolvedores a interpretar os resultados dos testes e a escolher a abordagem certa para melhorar o desempenho do site.<\/p><ul><li><h3>Dados de campo<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Os dados de campo s\u00e3o coletados de usu\u00e1rios reais enquanto navegam em um site. Eles refletem as condi\u00e7\u00f5es reais de navega\u00e7\u00e3o, incluindo diferentes dispositivos, conex\u00f5es de rede e intera\u00e7\u00f5es dos usu\u00e1rios.<\/p><p style=\"padding-left: 40px;\">Esses dados s\u00e3o especialmente \u00fateis para entender se um site atende aos limites recomendados pelo Google para as Core Web Vitals em situa\u00e7\u00f5es reais.<\/p><ul><li><h3>Dados de laborat\u00f3rio<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Os dados de laborat\u00f3rio s\u00e3o coletados em um ambiente de testes controlado, com ferramentas como o Lighthouse. Eles ajudam os desenvolvedores a reproduzir problemas de desempenho e investigar suas poss\u00edveis causas.<\/p><p style=\"padding-left: 40px;\">Ao contr\u00e1rio dos dados de campo, os dados de laborat\u00f3rio n\u00e3o representam todas as experi\u00eancias reais dos usu\u00e1rios. Por isso, um site pode obter resultados diferentes em testes de laborat\u00f3rio e em medi\u00e7\u00f5es com usu\u00e1rios reais.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9609e3a e-flex e-con-boxed e-con e-parent\" data-id=\"9609e3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd449ba elementor-widget elementor-widget-text-editor\" data-id=\"cd449ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Como melhorar as Core Web Vitals<\/h2><p>Melhorar as Core Web Vitals exige identificar os problemas que afetam a velocidade de carregamento, a interatividade e a estabilidade visual. A solu\u00e7\u00e3o certa depende de qual m\u00e9trica est\u00e1 com desempenho ruim.<\/p><ul><li><h3>Melhore o Largest Contentful Paint (LCP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Para melhorar o LCP, os desenvolvedores devem se concentrar em carregar o maior elemento de conte\u00fado vis\u00edvel o mais r\u00e1pido poss\u00edvel. Entre as melhorias mais comuns est\u00e3o otimizar imagens, escolher um <a href=\"\/pt\/webhosting\/\">servi\u00e7o de hospedagem de sites<\/a> confi\u00e1vel, reduzir os tempos de resposta do servidor, ativar o cache e evitar atrasos desnecess\u00e1rios no carregamento de recursos importantes.<\/p><ul><li><h3>Melhore o Interaction to Next Paint (INP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">O INP pode ser melhorado reduzindo tarefas de JavaScript de longa dura\u00e7\u00e3o e minimizando o trabalho desnecess\u00e1rio na thread principal. Os desenvolvedores tamb\u00e9m devem otimizar os manipuladores de eventos e evitar que o navegador precise realizar trabalho excessivo depois que o usu\u00e1rio clica, toca ou digita.<\/p><ul><li><h3>Melhore o Cumulative Layout Shift (CLS)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Para reduzir o CLS, os desenvolvedores devem reservar espa\u00e7o para imagens, v\u00eddeos, an\u00fancios e outros elementos antes que eles carreguem. Evite inserir novos conte\u00fados acima do conte\u00fado existente de forma inesperada e use dimens\u00f5es consistentes para os elementos visuais sempre que poss\u00edvel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c37c e-flex e-con-boxed e-con e-parent\" data-id=\"6b9c37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4329aff elementor-widget elementor-widget-text-editor\" data-id=\"4329aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Conclus\u00e3o<\/h2><p>As Core Web Vitals ajudam os desenvolvedores a entender como os usu\u00e1rios vivenciam um site em termos de desempenho de carregamento, interatividade e estabilidade visual. Ao medir o LCP, o INP e o CLS, os propriet\u00e1rios de sites podem identificar problemas de desempenho e priorizar melhorias que tornem suas p\u00e1ginas mais f\u00e1ceis de usar.<\/p><p>O monitoramento regular, os dados de usu\u00e1rios reais e a otimiza\u00e7\u00e3o direcionada podem ajudar os sites a manter bons resultados nas Core Web Vitals ao longo do tempo<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7fca63 e-flex e-con-boxed e-con e-parent\" data-id=\"b7fca63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d644bb7 e-con-full e-flex e-con e-child\" data-id=\"d644bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fd715 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"36fd715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-question-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11f1edb e-con-full e-flex e-con e-child\" data-id=\"11f1edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ba42f elementor-widget elementor-widget-text-editor\" data-id=\"22ba42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Perguntas frequentes<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7e5b5 elementor-widget elementor-widget-text-editor\" data-id=\"6c7e5b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>1. Qual \u00e9 a diferen\u00e7a entre dados de campo e dados de laborat\u00f3rio?<\/h3><p style=\"padding-left: 40px;\">Os dados de campo v\u00eam de usu\u00e1rios reais que visitam um site, enquanto os dados de laborat\u00f3rio s\u00e3o coletados em um ambiente de testes controlado. Os dados de campo refletem as experi\u00eancias reais dos usu\u00e1rios, ao passo que os dados de laborat\u00f3rio ajudam os desenvolvedores a reproduzir e diagnosticar problemas de desempenho.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af90c6d elementor-widget elementor-widget-text-editor\" data-id=\"af90c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>2. Como posso melhorar as pontua\u00e7\u00f5es das Core Web Vitals do meu site?<\/h3><p style=\"padding-left: 40px;\">Voc\u00ea pode melhorar as Core Web Vitals otimizando imagens, reduzindo o JavaScript desnecess\u00e1rio, melhorando os tempos de resposta do servidor, ativando o cache e evitando mudan\u00e7as inesperadas de layout.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>O desempenho de um site vai al\u00e9m da rapidez com que uma p\u00e1gina carrega. Mesmo que seu conte\u00fado apare\u00e7a em poucos segundos, bot\u00f5es que respondem devagar ou mudan\u00e7as inesperadas no layout podem frustrar os visitantes e prejudicar a experi\u00eancia deles. Ent\u00e3o, como saber se o seu site est\u00e1 tendo um bom desempenho? As Core Web [\u2026]<\/p>\n","protected":false},"author":7,"featured_media":3520,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3656","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como otimizar seu site com as Core Web Vitals?<\/title>\n<meta name=\"description\" content=\"O que s\u00e3o Core Web Vitals? Saiba como medir e melhorar LCP, INP e CLS para aumentar a velocidade, a estabilidade visual e o ranking do seu site no Google.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como otimizar seu site com as Core Web Vitals?\" \/>\n<meta property=\"og:description\" content=\"O que s\u00e3o Core Web Vitals? Saiba como medir e melhorar LCP, INP e CLS para aumentar a velocidade, a estabilidade visual e o ranking do seu site no Google.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:site_name\" content=\"Potenting Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T07:57:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"966\" \/>\n\t<meta property=\"og:image:height\" content=\"665\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nina Ash\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nina Ash\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"author\":{\"name\":\"Nina Ash\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\"},\"headline\":\"O que s\u00e3o Core Web Vitals e como afetam a velocidade do site?\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"wordCount\":2939,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"articleSection\":[\"Sem categoria\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"name\":\"Como otimizar seu site com as Core Web Vitals?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:45+00:00\",\"description\":\"O que s\u00e3o Core Web Vitals? Saiba como medir e melhorar LCP, INP e CLS para aumentar a velocidade, a estabilidade visual e o ranking do seu site no Google.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"width\":966,\"height\":665,\"caption\":\"What Are Core Web Vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/potenting.com\\\/pt\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que s\u00e3o Core Web Vitals e como afetam a velocidade do site?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"name\":\"Potenting\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/potenting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\",\"name\":\"Potenting\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"width\":253,\"height\":80,\"caption\":\"Potenting\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\",\"name\":\"Nina Ash\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"caption\":\"Nina Ash\"},\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/author\\\/n-ash\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como otimizar seu site com as Core Web Vitals?","description":"O que s\u00e3o Core Web Vitals? Saiba como medir e melhorar LCP, INP e CLS para aumentar a velocidade, a estabilidade visual e o ranking do seu site no Google.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_locale":"pt_PT","og_type":"article","og_title":"Como otimizar seu site com as Core Web Vitals?","og_description":"O que s\u00e3o Core Web Vitals? Saiba como medir e melhorar LCP, INP e CLS para aumentar a velocidade, a estabilidade visual e o ranking do seu site no Google.","og_url":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_site_name":"Potenting Blog","article_published_time":"2026-10-29T09:30:00+00:00","article_modified_time":"2026-11-11T07:57:45+00:00","og_image":[{"width":966,"height":665,"url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","type":"image\/webp"}],"author":"Nina Ash","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nina Ash","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#article","isPartOf":{"@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"author":{"name":"Nina Ash","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb"},"headline":"O que s\u00e3o Core Web Vitals e como afetam a velocidade do site?","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:45+00:00","mainEntityOfPage":{"@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"wordCount":2939,"commentCount":0,"publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"image":{"@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","articleSection":["Sem categoria"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","url":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","name":"Como otimizar seu site com as Core Web Vitals?","isPartOf":{"@id":"https:\/\/potenting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"image":{"@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:45+00:00","description":"O que s\u00e3o Core Web Vitals? Saiba como medir e melhorar LCP, INP e CLS para aumentar a velocidade, a estabilidade visual e o ranking do seu site no Google.","breadcrumb":{"@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","width":966,"height":665,"caption":"What Are Core Web Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/potenting.com\/pt\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/potenting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"O que s\u00e3o Core Web Vitals e como afetam a velocidade do site?"}]},{"@type":"WebSite","@id":"https:\/\/potenting.com\/blog\/#website","url":"https:\/\/potenting.com\/blog\/","name":"Potenting","description":"","publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/potenting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/potenting.com\/blog\/#organization","name":"Potenting","url":"https:\/\/potenting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","width":253,"height":80,"caption":"Potenting"},"image":{"@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb","name":"Nina Ash","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","caption":"Nina Ash"},"url":"https:\/\/potenting.com\/blog\/author\/n-ash\/"}]}},"_links":{"self":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/comments?post=3656"}],"version-history":[{"count":2,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3656\/revisions"}],"predecessor-version":[{"id":4205,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3656\/revisions\/4205"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media\/3520"}],"wp:attachment":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media?parent=3656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/categories?post=3656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/tags?post=3656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}