{"id":15995,"date":"2026-06-15T18:10:31","date_gmt":"2026-06-15T21:10:31","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=15995"},"modified":"2026-06-15T18:21:00","modified_gmt":"2026-06-15T21:21:00","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">As Core Web Vitals s\u00e3o um conjunto de tr\u00eas m\u00e9tricas criadas pelo Google para medir, de forma objetiva, a experi\u00eancia real que um usu\u00e1rio tem ao navegar em uma p\u00e1gina: o qu\u00e3o r\u00e1pido o conte\u00fado carrega, o qu\u00e3o responsiva a p\u00e1gina \u00e9 aos cliques e toques, e o qu\u00e3o est\u00e1vel ela \u00e9 visualmente. Desde 2021, elas fazem parte dos fatores de posicionamento do Google \u2014 o que significa que afetam diretamente o quanto o seu site aparece nos resultados de busca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mais do que um detalhe t\u00e9cnico para desenvolvedores, as Core Web Vitals impactam o SEO, a taxa de convers\u00e3o e a satisfa\u00e7\u00e3o de quem visita o seu site. Neste guia completo e atualizado, voc\u00ea vai entender o que s\u00e3o as tr\u00eas m\u00e9tricas (incluindo a mudan\u00e7a importante de 2024, quando o INP substituiu o FID), quais s\u00e3o os valores ideais, a diferen\u00e7a entre dados de laborat\u00f3rio e dados de campo, como medir tudo isso e, principalmente, como otimizar cada uma delas na pr\u00e1tica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#O_que_sao_as_Core_Web_Vitals\" title=\"O que s\u00e3o as Core Web Vitals?\">O que s\u00e3o as Core Web Vitals?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#As_tres_metricas_das_Core_Web_Vitals\" title=\"As tr\u00eas m\u00e9tricas das Core Web Vitals\">As tr\u00eas m\u00e9tricas das Core Web Vitals<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#LCP_%E2%80%94_Largest_Contentful_Paint_Maior_Conteudo_com_Pintura\" title=\"LCP \u2014 Largest Contentful Paint (Maior Conte\u00fado com Pintura)\">LCP \u2014 Largest Contentful Paint (Maior Conte\u00fado com Pintura)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#INP_%E2%80%94_Interaction_to_Next_Paint_Interacao_ate_a_Proxima_Pintura\" title=\"INP \u2014 Interaction to Next Paint (Intera\u00e7\u00e3o at\u00e9 a Pr\u00f3xima Pintura)\">INP \u2014 Interaction to Next Paint (Intera\u00e7\u00e3o at\u00e9 a Pr\u00f3xima Pintura)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#CLS_%E2%80%94_Cumulative_Layout_Shift_Mudanca_Cumulativa_de_Layout\" title=\"CLS \u2014 Cumulative Layout Shift (Mudan\u00e7a Cumulativa de Layout)\">CLS \u2014 Cumulative Layout Shift (Mudan\u00e7a Cumulativa de Layout)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Como_o_Google_avalia_o_percentil_75_e_a_aprovacao\" title=\"Como o Google avalia: o percentil 75 e a aprova\u00e7\u00e3o\">Como o Google avalia: o percentil 75 e a aprova\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Dados_de_laboratorio_x_dados_de_campo_a_confusao_mais_comum\" title=\"Dados de laborat\u00f3rio x dados de campo: a confus\u00e3o mais comum\">Dados de laborat\u00f3rio x dados de campo: a confus\u00e3o mais comum<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Por_que_as_Core_Web_Vitals_sao_importantes\" title=\"Por que as Core Web Vitals s\u00e3o importantes\">Por que as Core Web Vitals s\u00e3o importantes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Como_medir_as_Core_Web_Vitals\" title=\"Como medir as Core Web Vitals\">Como medir as Core Web Vitals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Como_otimizar_cada_Core_Web_Vital\" title=\"Como otimizar cada Core Web Vital\">Como otimizar cada Core Web Vital<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Como_melhorar_o_LCP_carregamento\" title=\"Como melhorar o LCP (carregamento)\">Como melhorar o LCP (carregamento)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Como_melhorar_o_INP_responsividade\" title=\"Como melhorar o INP (responsividade)\">Como melhorar o INP (responsividade)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Como_melhorar_o_CLS_estabilidade_visual\" title=\"Como melhorar o CLS (estabilidade visual)\">Como melhorar o CLS (estabilidade visual)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#O_papel_da_hospedagem_nas_Core_Web_Vitals\" title=\"O papel da hospedagem nas Core Web Vitals\">O papel da hospedagem nas Core Web Vitals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Perguntas_frequentes\" title=\"Perguntas frequentes\">Perguntas frequentes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#Conclusao\" title=\"Conclus\u00e3o\">Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_sao_as_Core_Web_Vitals\"><\/span>O que s\u00e3o as Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As Core Web Vitals (algo como &#8220;m\u00e9tricas essenciais da web&#8221;, em tradu\u00e7\u00e3o livre) s\u00e3o um subconjunto das <strong>Web Vitals<\/strong>, a iniciativa do Google para padronizar a medi\u00e7\u00e3o de qualidade da experi\u00eancia em p\u00e1ginas web. Enquanto as Web Vitals incluem v\u00e1rias m\u00e9tricas, as <em>Core<\/em> Web Vitals s\u00e3o as tr\u00eas consideradas mais importantes e que se aplicam a todas as p\u00e1ginas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada uma mede uma dimens\u00e3o diferente da experi\u00eancia do usu\u00e1rio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Carregamento<\/strong> \u2014 qu\u00e3o r\u00e1pido o conte\u00fado principal aparece na tela (m\u00e9trica LCP).<\/li>\n\n\n\n<li><strong>Interatividade \/ responsividade<\/strong> \u2014 qu\u00e3o r\u00e1pido a p\u00e1gina responde quando o usu\u00e1rio interage (m\u00e9trica INP).<\/li>\n\n\n\n<li><strong>Estabilidade visual<\/strong> \u2014 o quanto os elementos da p\u00e1gina &#8220;pulam&#8221; ou se deslocam inesperadamente durante o carregamento (m\u00e9trica CLS).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">O grande diferencial das Core Web Vitals \u00e9 que elas n\u00e3o medem velocidade no v\u00e1cuo: medem a experi\u00eancia <strong>percebida<\/strong> por pessoas reais. Por isso se tornaram a refer\u00eancia do Google para avaliar se uma p\u00e1gina entrega uma boa experi\u00eancia \u2014 e um dos sinais que comp\u00f5em o ranqueamento.<\/p>\n\n\n\n<!-- Diagrama: as tr\u00eas dimens\u00f5es das Core Web Vitals -->\n<div style=\"width:100%;margin:24px 0;padding:24px 20px;box-sizing:border-box;font-family:inherit;border:1px solid #d9e2ec;border-radius:10px;background:#fbfcfe;box-shadow:0 1px 3px rgba(16,42,67,0.08);\">\n\n  <p style=\"margin:0 0 20px;font-weight:700;color:#1e3a5f;text-align:center;\">As tr\u00eas dimens\u00f5es da experi\u00eancia que o Google mede<\/p>\n\n  <div style=\"display:flex;flex-wrap:wrap;gap:12px;\">\n    <div style=\"flex:1 1 200px;min-width:180px;background:#eef5fb;border:1px solid #cfe2f3;border-radius:8px;padding:18px;text-align:center;\">\n      <div style=\"font-size:1.8em;line-height:1;margin-bottom:8px;\">&#x26a1;<\/div>\n      <div style=\"font-weight:700;color:#1b4f7a;margin-bottom:2px;\">Carregamento<\/div>\n      <div style=\"font-size:0.85em;color:#627d98;margin-bottom:8px;font-family:Consolas,Menlo,monospace;\">LCP<\/div>\n      <div style=\"color:#334e68;line-height:1.45;font-size:0.92em;\">Qu\u00e3o r\u00e1pido o conte\u00fado principal aparece na tela.<\/div>\n    <\/div>\n    <div style=\"flex:1 1 200px;min-width:180px;background:#ecf7f0;border:1px solid #cfe9d4;border-radius:8px;padding:18px;text-align:center;\">\n      <div style=\"font-size:1.8em;line-height:1;margin-bottom:8px;\">&#x1f446;<\/div>\n      <div style=\"font-weight:700;color:#1f7a44;margin-bottom:2px;\">Responsividade<\/div>\n      <div style=\"font-size:0.85em;color:#627d98;margin-bottom:8px;font-family:Consolas,Menlo,monospace;\">INP<\/div>\n      <div style=\"color:#334e68;line-height:1.45;font-size:0.92em;\">Qu\u00e3o r\u00e1pido a p\u00e1gina responde aos cliques e toques.<\/div>\n    <\/div>\n    <div style=\"flex:1 1 200px;min-width:180px;background:#fdf3e8;border:1px solid #f3dcc0;border-radius:8px;padding:18px;text-align:center;\">\n      <div style=\"font-size:1.8em;line-height:1;margin-bottom:8px;\">&#x1f4d0;<\/div>\n      <div style=\"font-weight:700;color:#8a5621;margin-bottom:2px;\">Estabilidade visual<\/div>\n      <div style=\"font-size:0.85em;color:#627d98;margin-bottom:8px;font-family:Consolas,Menlo,monospace;\">CLS<\/div>\n      <div style=\"color:#334e68;line-height:1.45;font-size:0.92em;\">O quanto os elementos se deslocam inesperadamente.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"As_tres_metricas_das_Core_Web_Vitals\"><\/span>As tr\u00eas m\u00e9tricas das Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos a cada uma em detalhe, com o que medem e os valores que o Google considera bons.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"LCP_%E2%80%94_Largest_Contentful_Paint_Maior_Conteudo_com_Pintura\"><\/span>LCP \u2014 Largest Contentful Paint (Maior Conte\u00fado com Pintura)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O LCP mede o <strong>tempo de carregamento percebido<\/strong>: quanto tempo leva, a partir do momento em que a p\u00e1gina come\u00e7a a carregar, at\u00e9 que o maior elemento vis\u00edvel na tela (geralmente uma imagem de destaque, um v\u00eddeo ou um bloco grande de texto) seja totalmente renderizado. \u00c9 o momento em que o usu\u00e1rio sente que &#8220;a p\u00e1gina carregou&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os valores de refer\u00eancia do Google s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bom:<\/strong> at\u00e9 2,5 segundos<\/li>\n\n\n\n<li><strong>Precisa de melhoria:<\/strong> entre 2,5 e 4,0 segundos<\/li>\n\n\n\n<li><strong>Ruim:<\/strong> acima de 4,0 segundos<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">O LCP \u00e9, na pr\u00e1tica, a m\u00e9trica que mais sites falham em atingir \u2014 \u00e9 a mais dif\u00edcil de passar, porque depende de muitos fatores: velocidade do servidor, tamanho das imagens, carregamento de fontes e scripts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para diagnosticar <em>por que<\/em> o LCP est\u00e1 alto, vale saber que ele se divide em quatro fases: o <strong>TTFB<\/strong> (tempo at\u00e9 o servidor enviar o primeiro byte), o <strong>atraso no carregamento do recurso<\/strong> (quanto o navegador demora para come\u00e7ar a baixar o elemento LCP, como a imagem de destaque), o <strong>tempo de carregamento do recurso<\/strong> em si, e o <strong>atraso de renderiza\u00e7\u00e3o<\/strong> (o tempo entre o recurso terminar de carregar e ele de fato aparecer na tela). Identificar qual dessas fases consome mais tempo \u00e9 o que indica onde agir \u2014 se o gargalo est\u00e1 no servidor, no download da imagem ou em scripts que travam a exibi\u00e7\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"INP_%E2%80%94_Interaction_to_Next_Paint_Interacao_ate_a_Proxima_Pintura\"><\/span>INP \u2014 Interaction to Next Paint (Intera\u00e7\u00e3o at\u00e9 a Pr\u00f3xima Pintura)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui est\u00e1 a <strong>mudan\u00e7a mais importante e recente<\/strong> das Core Web Vitals, e o ponto onde a maioria dos artigos brasileiros est\u00e1 desatualizada. Em <strong>mar\u00e7o de 2024<\/strong>, o Google substituiu oficialmente a antiga m\u00e9trica <strong>FID (First Input Delay)<\/strong> pela <strong>INP (Interaction to Next Paint)<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O INP mede a <strong>responsividade<\/strong> da p\u00e1gina: quanto tempo ela leva para responder visualmente \u00e0s intera\u00e7\u00f5es do usu\u00e1rio (cliques, toques, digita\u00e7\u00e3o) ao longo de toda a visita. A diferen\u00e7a para o antigo FID \u00e9 fundamental: o FID media apenas o atraso da <strong>primeira<\/strong> intera\u00e7\u00e3o, enquanto o INP avalia <strong>todas<\/strong> as intera\u00e7\u00f5es da sess\u00e3o e reporta a pior (ou quase a pior) delas. Ou seja, o INP captura muito melhor a sensa\u00e7\u00e3o real de &#8220;site travado&#8221; que um usu\u00e1rio pode ter a qualquer momento da navega\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os valores de refer\u00eancia s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bom:<\/strong> at\u00e9 200 milissegundos<\/li>\n\n\n\n<li><strong>Precisa de melhoria:<\/strong> entre 200 e 500 milissegundos<\/li>\n\n\n\n<li><strong>Ruim:<\/strong> acima de 500 milissegundos<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se o seu site ainda \u00e9 avaliado por algum material com base no FID, \u00e9 hora de atualizar: o FID foi descontinuado e n\u00e3o \u00e9 mais uma Core Web Vital.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para entender o que torna o INP lento, ele pode ser decomposto em tr\u00eas partes: o <strong>atraso de entrada<\/strong> (input delay), que \u00e9 o tempo at\u00e9 o navegador come\u00e7ar a processar a intera\u00e7\u00e3o \u2014 geralmente porque a thread principal est\u00e1 ocupada com outro script; a <strong>dura\u00e7\u00e3o do processamento<\/strong>, que \u00e9 o tempo que o c\u00f3digo da pr\u00f3pria intera\u00e7\u00e3o leva para rodar; e o <strong>atraso de apresenta\u00e7\u00e3o<\/strong> (presentation delay), o tempo at\u00e9 a tela ser de fato repintada com o resultado. Na grande maioria dos casos, o vil\u00e3o \u00e9 o atraso de entrada causado por JavaScript pesado ocupando a thread principal \u2014 por isso as otimiza\u00e7\u00f5es de INP quase sempre passam por aliviar esse JavaScript.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CLS_%E2%80%94_Cumulative_Layout_Shift_Mudanca_Cumulativa_de_Layout\"><\/span>CLS \u2014 Cumulative Layout Shift (Mudan\u00e7a Cumulativa de Layout)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O CLS mede a <strong>estabilidade visual<\/strong>: o quanto os elementos da p\u00e1gina se movem de forma inesperada enquanto ela carrega. Voc\u00ea j\u00e1 deve ter vivido isso \u2014 vai clicar em um bot\u00e3o e, no \u00faltimo instante, um banner carrega acima, empurra tudo para baixo e voc\u00ea acaba clicando em outra coisa. Esse &#8220;pulo&#8221; \u00e9 exatamente o que o CLS penaliza.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Ilustracao-de-Cumulative-Layout-Shift-mostrando-um-elemento-que-se-desloca-quando-um-banner-carrega-1024x683.png\" alt=\"Ilustra\u00e7\u00e3o de Cumulative Layout Shift mostrando um elemento que se desloca quando um banner carrega\" class=\"wp-image-15999\" width=\"1024\" height=\"683\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Ilustracao-de-Cumulative-Layout-Shift-mostrando-um-elemento-que-se-desloca-quando-um-banner-carrega-1024x683.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Ilustracao-de-Cumulative-Layout-Shift-mostrando-um-elemento-que-se-desloca-quando-um-banner-carrega-300x200.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Ilustracao-de-Cumulative-Layout-Shift-mostrando-um-elemento-que-se-desloca-quando-um-banner-carrega-768x512.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Ilustracao-de-Cumulative-Layout-Shift-mostrando-um-elemento-que-se-desloca-quando-um-banner-carrega.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Diferente das outras duas, o CLS n\u00e3o \u00e9 medido em tempo, e sim em uma <strong>pontua\u00e7\u00e3o<\/strong> (um n\u00famero sem unidade que representa a quantidade de deslocamento):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bom:<\/strong> at\u00e9 0,1<\/li>\n\n\n\n<li><strong>Precisa de melhoria:<\/strong> entre 0,1 e 0,25<\/li>\n\n\n\n<li><strong>Ruim:<\/strong> acima de 0,25<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Um CLS alto frustra o usu\u00e1rio e prejudica a confian\u00e7a no site, especialmente em telas de checkout e formul\u00e1rios.<\/p>\n\n\n\n<!-- Tabela: as tr\u00eas Core Web Vitals -->\n<div style=\"width:100%;margin:24px 0;box-sizing:border-box;font-family:inherit;border:1px solid #d9e2ec;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(16,42,67,0.08);\">\n  <table style=\"width:100%;border-collapse:collapse;color:#243b53;\">\n    <caption style=\"caption-side:top;background:#1e3a5f;color:#ffffff;text-align:left;font-weight:700;padding:14px 18px;\">\n      As tr\u00eas Core Web Vitals e seus valores de refer\u00eancia\n    <\/caption>\n    <thead>\n      <tr style=\"background:#2f80c2;color:#ffffff;\">\n        <th style=\"text-align:left;padding:11px 16px;font-weight:600;width:22%;\">M\u00e9trica<\/th>\n        <th style=\"text-align:left;padding:11px 16px;font-weight:600;\">O que mede<\/th>\n        <th style=\"text-align:center;padding:11px 16px;font-weight:600;\">Bom<\/th>\n        <th style=\"text-align:center;padding:11px 16px;font-weight:600;\">Precisa melhorar<\/th>\n        <th style=\"text-align:center;padding:11px 16px;font-weight:600;\">Ruim<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr style=\"background:#ffffff;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #e1e8f0;font-weight:700;color:#102a43;\">LCP<br><span style=\"font-weight:400;font-size:0.82em;color:#627d98;\">Largest Contentful Paint<\/span><\/th>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Carregamento: quando o maior elemento vis\u00edvel aparece.<\/td>\n        <td style=\"text-align:center;padding:13px 16px;border-bottom:1px solid #e1e8f0;\"><span style=\"display:inline-block;background:#1e7a44;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">\u2264 2,5s<\/span><\/td>\n        <td style=\"text-align:center;padding:13px 16px;border-bottom:1px solid #e1e8f0;\"><span style=\"display:inline-block;background:#d49a1e;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">2,5\u20134,0s<\/span><\/td>\n        <td style=\"text-align:center;padding:13px 16px;border-bottom:1px solid #e1e8f0;\"><span style=\"display:inline-block;background:#c0392b;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">&gt; 4,0s<\/span><\/td>\n      <\/tr>\n      <tr style=\"background:#f8fafc;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #e1e8f0;font-weight:700;color:#102a43;\">INP<br><span style=\"font-weight:400;font-size:0.82em;color:#627d98;\">Interaction to Next Paint<\/span><\/th>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Responsividade: tempo para a p\u00e1gina responder \u00e0s intera\u00e7\u00f5es.<\/td>\n        <td style=\"text-align:center;padding:13px 16px;border-bottom:1px solid #e1e8f0;\"><span style=\"display:inline-block;background:#1e7a44;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">\u2264 200ms<\/span><\/td>\n        <td style=\"text-align:center;padding:13px 16px;border-bottom:1px solid #e1e8f0;\"><span style=\"display:inline-block;background:#d49a1e;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">200\u2013500ms<\/span><\/td>\n        <td style=\"text-align:center;padding:13px 16px;border-bottom:1px solid #e1e8f0;\"><span style=\"display:inline-block;background:#c0392b;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">&gt; 500ms<\/span><\/td>\n      <\/tr>\n      <tr style=\"background:#ffffff;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;font-weight:700;color:#102a43;\">CLS<br><span style=\"font-weight:400;font-size:0.82em;color:#627d98;\">Cumulative Layout Shift<\/span><\/th>\n        <td style=\"padding:13px 16px;\">Estabilidade visual: o quanto os elementos se deslocam.<\/td>\n        <td style=\"text-align:center;padding:13px 16px;\"><span style=\"display:inline-block;background:#1e7a44;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">\u2264 0,1<\/span><\/td>\n        <td style=\"text-align:center;padding:13px 16px;\"><span style=\"display:inline-block;background:#d49a1e;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">0,1\u20130,25<\/span><\/td>\n        <td style=\"text-align:center;padding:13px 16px;\"><span style=\"display:inline-block;background:#c0392b;color:#fff;font-weight:700;padding:2px 9px;border-radius:999px;font-size:0.85em;\">&gt; 0,25<\/span><\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_o_Google_avalia_o_percentil_75_e_a_aprovacao\"><\/span>Como o Google avalia: o percentil 75 e a aprova\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Um detalhe t\u00e9cnico que quase ningu\u00e9m explica direito, mas que faz toda a diferen\u00e7a: o Google <strong>n\u00e3o<\/strong> usa a m\u00e9dia dos seus tempos. Ele avalia o <strong>percentil 75<\/strong> das visitas. Na pr\u00e1tica, isso significa que pelo menos 75% dos carregamentos da sua p\u00e1gina precisam atingir o valor &#8220;Bom&#8221; em cada m\u00e9trica para que ela seja considerada aprovada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 ainda dois detalhes que mudam tudo na hora de interpretar os resultados. O primeiro: <strong>a avalia\u00e7\u00e3o \u00e9 separada por tipo de dispositivo<\/strong>. O Google mede as Core Web Vitals de celular e de desktop de forma independente \u2014 e \u00e9 perfeitamente poss\u00edvel (e comum) um site <strong>passar no desktop e falhar no celular<\/strong>, j\u00e1 que aparelhos m\u00f3veis costumam ter menos poder de processamento e conex\u00f5es mais inst\u00e1veis. Como o \u00edndice do Google \u00e9 majoritariamente <em>mobile-first<\/em>, <strong>o desempenho no celular \u00e9 o que mais importa<\/strong> \u2014 \u00e9 nele que voc\u00ea deve focar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O segundo: os dados de campo s\u00e3o agrupados por <strong>conjuntos de p\u00e1ginas semelhantes<\/strong>, n\u00e3o p\u00e1gina por p\u00e1gina isoladamente. Quando uma URL espec\u00edfica n\u00e3o tem tr\u00e1fego suficiente para gerar dados pr\u00f3prios, o Google a avalia com base no desempenho do grupo de p\u00e1ginas parecidas a que ela pertence (ou do site como um todo). Por isso, melhorar a performance de um modelo de p\u00e1gina tende a beneficiar todas as p\u00e1ginas daquele tipo de uma vez.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A l\u00f3gica \u00e9 proteger a experi\u00eancia da grande maioria. Se 25% dos seus visitantes t\u00eam uma experi\u00eancia ruim, isso \u00e9 considerado relevante demais para ser ignorado por uma m\u00e9dia que &#8220;esconderia&#8221; esses casos. Por isso, otimizar pensando s\u00f3 no &#8220;melhor caso&#8221; (um teste r\u00e1pido na sua m\u00e1quina veloz) engana: o que vale \u00e9 como o site se comporta para o conjunto real de usu\u00e1rios, inclusive os de conex\u00e3o e dispositivos mais modestos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para &#8220;passar&#8221; nas Core Web Vitals, uma p\u00e1gina precisa estar na faixa &#8220;Bom&#8221; <strong>nas tr\u00eas m\u00e9tricas<\/strong> ao mesmo tempo, no percentil 75. Vale notar o tamanho do desafio. Segundo o <strong>Web Almanac 2025<\/strong> (que usa dados reais do CrUX), apenas <strong>48% das p\u00e1ginas no celular<\/strong> e <strong>56% no desktop<\/strong> passam nas tr\u00eas m\u00e9tricas ao mesmo tempo. Ou seja, mais da metade da web m\u00f3vel ainda entrega uma experi\u00eancia que o Google classifica como &#8220;a melhorar&#8221; ou &#8220;ruim&#8221; \u2014 e \u00e9 exatamente a\u00ed que est\u00e1 a sua oportunidade de se destacar. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os dados tamb\u00e9m revelam <strong>qual m\u00e9trica \u00e9 o verdadeiro gargalo<\/strong>: no celular, cerca de 81% das p\u00e1ginas passam no CLS e 77% no INP, mas s\u00f3 <strong>62% atingem um bom LCP<\/strong>. Em outras palavras, quando um site falha nas Core Web Vitals, o culpado quase sempre \u00e9 o LCP \u2014 o carregamento. \u00c9 por isso que ele costuma ser o ponto certo por onde come\u00e7ar a otimiza\u00e7\u00e3o.<\/p>\n\n\n\n<!-- Gr\u00e1fico: taxa de aprova\u00e7\u00e3o por m\u00e9trica (mobile) -->\n<div style=\"width:100%;margin:24px 0;padding:24px 20px;box-sizing:border-box;font-family:inherit;border:1px solid #d9e2ec;border-radius:10px;background:#fbfcfe;box-shadow:0 1px 3px rgba(16,42,67,0.08);\">\n\n  <p style=\"margin:0 0 4px;font-weight:700;color:#1e3a5f;text-align:center;\">Quais p\u00e1ginas passam em cada m\u00e9trica (celular)<\/p>\n  <p style=\"margin:0 0 20px;color:#627d98;text-align:center;font-size:0.9em;\">O LCP \u00e9 o grande gargalo: \u00e9 onde mais sites falham.<\/p>\n\n  <div style=\"display:flex;flex-direction:column;gap:14px;\">\n\n    <div>\n      <div style=\"display:flex;justify-content:space-between;margin-bottom:5px;color:#243b53;\"><span style=\"font-weight:600;\">CLS \u2014 estabilidade visual<\/span><span style=\"font-weight:700;color:#1f7a44;\">81%<\/span><\/div>\n      <div style=\"background:#eef2f7;border-radius:6px;height:16px;overflow:hidden;\"><div style=\"width:81%;height:100%;background:#3a9d4f;border-radius:6px;\"><\/div><\/div>\n    <\/div>\n\n    <div>\n      <div style=\"display:flex;justify-content:space-between;margin-bottom:5px;color:#243b53;\"><span style=\"font-weight:600;\">INP \u2014 responsividade<\/span><span style=\"font-weight:700;color:#1f7a44;\">77%<\/span><\/div>\n      <div style=\"background:#eef2f7;border-radius:6px;height:16px;overflow:hidden;\"><div style=\"width:77%;height:100%;background:#3a9d4f;border-radius:6px;\"><\/div><\/div>\n    <\/div>\n\n    <div>\n      <div style=\"display:flex;justify-content:space-between;margin-bottom:5px;color:#243b53;\"><span style=\"font-weight:600;\">LCP \u2014 carregamento<\/span><span style=\"font-weight:700;color:#c0392b;\">62%<\/span><\/div>\n      <div style=\"background:#eef2f7;border-radius:6px;height:16px;overflow:hidden;\"><div style=\"width:62%;height:100%;background:#c0392b;border-radius:6px;\"><\/div><\/div>\n    <\/div>\n\n  <\/div>\n\n  <p style=\"margin:18px 0 0;font-size:0.8em;color:#627d98;font-style:italic;text-align:center;\">Fonte: Web Almanac 2025 (dados do CrUX, julho de 2025), p\u00e1ginas em dispositivos m\u00f3veis.<\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dados_de_laboratorio_x_dados_de_campo_a_confusao_mais_comum\"><\/span>Dados de laborat\u00f3rio x dados de campo: a confus\u00e3o mais comum<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Esta \u00e9 a distin\u00e7\u00e3o que mais gera erro de interpreta\u00e7\u00e3o \u2014 inclusive em quem j\u00e1 mexe com performance. Existem dois tipos de dados de Core Web Vitals, e eles servem a prop\u00f3sitos diferentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os <strong>dados de campo (field data)<\/strong> s\u00e3o os reais, coletados de usu\u00e1rios de verdade que visitaram o seu site, por meio do <strong>CrUX (Chrome User Experience Report)<\/strong>. S\u00e3o esses os dados que o Google usa para ranquear, porque refletem a experi\u00eancia real, em dispositivos e conex\u00f5es variados. A desvantagem \u00e9 que precisam de um volume m\u00ednimo de tr\u00e1fego para existir, e mostram a m\u00e9dia dos \u00faltimos 28 dias \u2014 ou seja, n\u00e3o refletem mudan\u00e7as recentes na hora.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os <strong>dados de laborat\u00f3rio (lab data)<\/strong> s\u00e3o simulados, gerados por uma ferramenta que carrega a p\u00e1gina em um ambiente controlado (como o Lighthouse). S\u00e3o \u00f3timos para diagnosticar e testar melhorias na hora, mas n\u00e3o representam necessariamente a experi\u00eancia real. Um detalhe importante: o <strong>INP n\u00e3o \u00e9 medido em laborat\u00f3rio<\/strong>, porque depende de intera\u00e7\u00f5es reais do usu\u00e1rio; no lab, usa-se uma m\u00e9trica aproximada chamada TBT (Total Blocking Time) como refer\u00eancia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A li\u00e7\u00e3o pr\u00e1tica: um site pode ter <strong>nota 100 no Lighthouse (laborat\u00f3rio) e ainda assim falhar nas Core Web Vitals reais (campo)<\/strong>, porque os usu\u00e1rios reais t\u00eam dispositivos e conex\u00f5es diferentes do ambiente de teste. Por isso \u00e9 um erro otimizar apenas para a nota de laborat\u00f3rio. Esse \u00e9, ali\u00e1s, um dos pontos centrais do nosso guia sobre <a href=\"https:\/\/www.homehost.com.br\/blog\/seo\/pagespeed\/\">o que \u00e9 PageSpeed e como melhorar a velocidade do site<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vale conhecer tamb\u00e9m algumas <strong>m\u00e9tricas de apoio<\/strong> que n\u00e3o s\u00e3o Core Web Vitals, mas ajudam a diagnosticar os problemas. Al\u00e9m do <strong>TTFB<\/strong> (tempo de resposta do servidor) e do <strong>TBT<\/strong> (Total Blocking Time, usado no laborat\u00f3rio como aproxima\u00e7\u00e3o do INP), h\u00e1 o <strong>FCP (First Contentful Paint)<\/strong> \u2014 que mede quando o <em>primeiro<\/em> conte\u00fado qualquer aparece na tela, enquanto o LCP mede quando o <em>maior<\/em> elemento aparece. O FCP \u00e9 \u00fatil para entender a percep\u00e7\u00e3o inicial de velocidade: um FCP r\u00e1pido faz o usu\u00e1rio sentir que &#8220;algo come\u00e7ou a acontecer&#8221;, mesmo antes de a p\u00e1gina terminar de carregar.<\/p>\n\n\n\n<!-- Tabela: dados de laborat\u00f3rio x campo -->\n<div style=\"width:100%;margin:24px 0;box-sizing:border-box;font-family:inherit;border:1px solid #d9e2ec;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(16,42,67,0.08);\">\n  <table style=\"width:100%;border-collapse:collapse;color:#243b53;\">\n    <caption style=\"caption-side:top;background:#1e3a5f;color:#ffffff;text-align:left;font-weight:700;padding:14px 18px;\">\n      Dados de laborat\u00f3rio x dados de campo\n    <\/caption>\n    <thead>\n      <tr style=\"background:#2f80c2;color:#ffffff;\">\n        <th style=\"text-align:left;padding:11px 16px;font-weight:600;width:28%;\">Crit\u00e9rio<\/th>\n        <th style=\"text-align:left;padding:11px 16px;font-weight:600;\">&#x1f9ea; Laborat\u00f3rio (lab)<\/th>\n        <th style=\"text-align:left;padding:11px 16px;font-weight:600;\">&#x1f30d; Campo (field)<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr style=\"background:#ffffff;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #e1e8f0;font-weight:600;color:#102a43;\">Como \u00e9 coletado<\/th>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Simula\u00e7\u00e3o em ambiente controlado (Lighthouse).<\/td>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Usu\u00e1rios reais que visitaram o site (CrUX).<\/td>\n      <\/tr>\n      <tr style=\"background:#f8fafc;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #e1e8f0;font-weight:600;color:#102a43;\">Serve para<\/th>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Diagnosticar e testar melhorias na hora.<\/td>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Saber a experi\u00eancia real dos visitantes.<\/td>\n      <\/tr>\n      <tr style=\"background:#ffffff;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #e1e8f0;font-weight:600;color:#102a43;\">Mede o INP?<\/th>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">N\u00e3o (usa o TBT como aproxima\u00e7\u00e3o).<\/td>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Sim.<\/td>\n      <\/tr>\n      <tr style=\"background:#f8fafc;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid #e1e8f0;font-weight:600;color:#102a43;\">Usado pelo Google para ranquear?<\/th>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">N\u00e3o<\/td>\n        <td style=\"padding:13px 16px;border-bottom:1px solid #e1e8f0;\">Sim &#x2705;<\/td>\n      <\/tr>\n      <tr style=\"background:#ffffff;\">\n        <th scope=\"row\" style=\"text-align:left;vertical-align:top;padding:13px 16px;font-weight:600;color:#102a43;\">Onde ver<\/th>\n        <td style=\"padding:13px 16px;\">Lighthouse, PageSpeed Insights (parte de lab).<\/td>\n        <td style=\"padding:13px 16px;\">Search Console, PageSpeed Insights (parte de campo).<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Por_que_as_Core_Web_Vitals_sao_importantes\"><\/span>Por que as Core Web Vitals s\u00e3o importantes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Investir nelas vale a pena por tr\u00eas motivos concretos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SEO.<\/strong> As Core Web Vitals fazem parte do sinal de &#8220;experi\u00eancia na p\u00e1gina&#8221; do Google desde 2021. Elas n\u00e3o s\u00e3o o fator mais forte do ranqueamento \u2014 relev\u00e2ncia e qualidade do conte\u00fado pesam mais \u2014, mas funcionam como um <strong>crit\u00e9rio de desempate<\/strong>: entre duas p\u00e1ginas de qualidade semelhante, a mais r\u00e1pida e est\u00e1vel leva vantagem.<\/li>\n\n\n\n<li><strong>Convers\u00e3o e reten\u00e7\u00e3o. <\/strong>H\u00e1 uma correla\u00e7\u00e3o clara entre performance e resultados de neg\u00f3cio. Sites lentos t\u00eam taxas de abandono muito maiores: uma parcela enorme dos usu\u00e1rios de celular desiste de p\u00e1ginas que demoram mais de tr\u00eas segundos para carregar. Melhorar as Core Web Vitals costuma se refletir em mais vendas e menos rejei\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Experi\u00eancia do usu\u00e1rio.<\/strong> No fim, as tr\u00eas m\u00e9tricas medem frustra\u00e7\u00f5es reais: esperar demais, clicar e nada acontecer, ou clicar no lugar errado porque a tela se mexeu. Resolver isso \u00e9 cuidar de quem visita o seu site.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_medir_as_Core_Web_Vitals\"><\/span>Como medir as Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 v\u00e1rias ferramentas gratuitas do pr\u00f3prio Google e de terceiros. As principais:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PageSpeed Insights.<\/strong> A mais usada. Combina dados de campo (CrUX) e de laborat\u00f3rio (Lighthouse) numa s\u00f3 tela, e d\u00e1 diagn\u00f3sticos e sugest\u00f5es. Ideal para uma vis\u00e3o completa de uma URL espec\u00edfica.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-do-PageSpeed-Insights-exibindo-as-metricas-LCP-INP-e-CLS-de-uma-pagina-1024x683.png\" alt=\"Relat\u00f3rio do PageSpeed Insights exibindo as m\u00e9tricas LCP, INP e CLS de uma p\u00e1gina\" class=\"wp-image-15997\" width=\"1024\" height=\"683\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-do-PageSpeed-Insights-exibindo-as-metricas-LCP-INP-e-CLS-de-uma-pagina-1024x683.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-do-PageSpeed-Insights-exibindo-as-metricas-LCP-INP-e-CLS-de-uma-pagina-300x200.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-do-PageSpeed-Insights-exibindo-as-metricas-LCP-INP-e-CLS-de-uma-pagina-768x512.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-do-PageSpeed-Insights-exibindo-as-metricas-LCP-INP-e-CLS-de-uma-pagina.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Google Search Console.<\/strong> Tem um relat\u00f3rio dedicado de &#8220;Core Web Vitals&#8221; que mostra o desempenho do site inteiro (agrupado por tipo de p\u00e1gina) com base em dados de campo reais. \u00c9 o melhor lugar para monitorar a sa\u00fade geral do site ao longo do tempo.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-de-Core-Web-Vitals-no-Google-Search-Console-mostrando-URLs-classificadas-como-boas-a-melhorar-e-ruins-1024x683.png\" alt=\"Relat\u00f3rio de Core Web Vitals no Google Search Console mostrando URLs classificadas como boas, a melhorar e ruins\" class=\"wp-image-15998\" width=\"1024\" height=\"683\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-de-Core-Web-Vitals-no-Google-Search-Console-mostrando-URLs-classificadas-como-boas-a-melhorar-e-ruins-1024x683.png 1024w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-de-Core-Web-Vitals-no-Google-Search-Console-mostrando-URLs-classificadas-como-boas-a-melhorar-e-ruins-300x200.png 300w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-de-Core-Web-Vitals-no-Google-Search-Console-mostrando-URLs-classificadas-como-boas-a-melhorar-e-ruins-768x512.png 768w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Relatorio-de-Core-Web-Vitals-no-Google-Search-Console-mostrando-URLs-classificadas-como-boas-a-melhorar-e-ruins.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lighthouse.<\/strong> Embutido nas Ferramentas do Desenvolvedor do Chrome (aba Lighthouse), gera uma auditoria de laborat\u00f3rio na hora. Bom para testar mudan\u00e7as durante o desenvolvimento.<\/li>\n\n\n\n<li><strong>Chrome DevTools (aba Performance).<\/strong> Para diagn\u00f3stico aprofundado de INP e CLS, permitindo ver exatamente quais intera\u00e7\u00f5es e elementos causam problemas.<\/li>\n\n\n\n<li><strong>Ferramentas de terceiros<\/strong>, como o GTmetrix, que organizam os diagn\u00f3sticos de forma amig\u00e1vel. Temos um guia espec\u00edfico sobre <a href=\"https:\/\/www.homehost.com.br\/blog\/tutoriais\/melhorar-a-performance-do-wordpress-gtmetrix\/\">como melhorar a performance do WordPress usando o GTmetrix<\/a>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A recomenda\u00e7\u00e3o \u00e9 combinar duas fontes: o <strong>Search Console<\/strong> para monitorar os dados reais (campo) e o <strong>PageSpeed Insights \/ Lighthouse<\/strong> para diagnosticar e testar corre\u00e7\u00f5es (laborat\u00f3rio).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_otimizar_cada_Core_Web_Vital\"><\/span>Como otimizar cada Core Web Vital<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui est\u00e1 a parte pr\u00e1tica. Como cada m\u00e9trica mede algo diferente, as estrat\u00e9gias de otimiza\u00e7\u00e3o tamb\u00e9m s\u00e3o espec\u00edficas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_melhorar_o_LCP_carregamento\"><\/span>Como melhorar o LCP (carregamento)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O LCP depende muito da velocidade de entrega do conte\u00fado. As a\u00e7\u00f5es mais eficazes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reduza o tempo de resposta do servidor (TTFB).<\/strong> Uma hospedagem r\u00e1pida e bem configurada \u00e9 a base \u2014 n\u00e3o adianta otimizar o resto se o servidor \u00e9 lento para responder. Cache no servidor ajuda bastante.<\/li>\n\n\n\n<li><strong>Otimize as imagens.<\/strong> Comprima-as, use formatos modernos (como WebP ou AVIF) e dimensione-as corretamente. A imagem de destaque (que costuma ser o elemento LCP) merece aten\u00e7\u00e3o especial.<\/li>\n\n\n\n<li><strong>Use uma CDN (rede de distribui\u00e7\u00e3o de conte\u00fado)<\/strong> para entregar os arquivos a partir de servidores pr\u00f3ximos do usu\u00e1rio.<\/li>\n\n\n\n<li><strong>Priorize o carregamento do conte\u00fado &#8220;acima da dobra&#8221;<\/strong> (o que aparece sem rolar a tela) e adie o que n\u00e3o \u00e9 essencial.<\/li>\n\n\n\n<li><strong>Minimize CSS e JavaScript que bloqueiam a renderiza\u00e7\u00e3o.<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_melhorar_o_INP_responsividade\"><\/span>Como melhorar o INP (responsividade)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O INP est\u00e1 ligado, na maioria dos casos, ao <strong>JavaScript<\/strong> que ocupa a thread principal do navegador e atrasa a resposta \u00e0s intera\u00e7\u00f5es:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Quebre tarefas longas de JavaScript<\/strong> em peda\u00e7os menores, para que o navegador consiga responder ao usu\u00e1rio entre uma e outra.<\/li>\n\n\n\n<li><strong>Reduza e adie scripts de terceiros<\/strong> (chats, pixels de rastreamento, widgets) \u2014 eles s\u00e3o causa frequente de lentid\u00e3o na intera\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Remova JavaScript n\u00e3o utilizado<\/strong> e otimize o c\u00f3digo que roda durante as intera\u00e7\u00f5es.<\/li>\n\n\n\n<li><strong>Use t\u00e9cnicas de carregamento sob demanda<\/strong> para que scripts pesados s\u00f3 rodem quando realmente necess\u00e1rios.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_melhorar_o_CLS_estabilidade_visual\"><\/span>Como melhorar o CLS (estabilidade visual)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O CLS quase sempre vem de elementos que carregam depois e empurram o conte\u00fado. As solu\u00e7\u00f5es s\u00e3o bem diretas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Defina dimens\u00f5es (largura e altura) para imagens, v\u00eddeos, an\u00fancios e embeds<\/strong>, para que o navegador reserve o espa\u00e7o antes de carreg\u00e1-los.<\/li>\n\n\n\n<li><strong>Reserve espa\u00e7o para conte\u00fado din\u00e2mico<\/strong>, como banners e blocos de an\u00fancio, evitando que eles &#8220;empurrem&#8221; o restante.<\/li>\n\n\n\n<li><strong>Evite inserir conte\u00fado acima de algo que o usu\u00e1rio j\u00e1 est\u00e1 vendo<\/strong>, a n\u00e3o ser que o espa\u00e7o j\u00e1 esteja reservado.<\/li>\n\n\n\n<li><strong>Use fontes com cuidado<\/strong>, evitando que a troca de fonte cause um reposicionamento brusco do texto.<\/li>\n\n\n\n<li><strong>Prefira anima\u00e7\u00f5es com <code>transform<\/code> do CSS<\/strong> em vez de propriedades que alteram o layout (como <code>margin<\/code> ou <code>top<\/code>).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_papel_da_hospedagem_nas_Core_Web_Vitals\"><\/span>O papel da hospedagem nas Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Um ponto frequentemente esquecido: por mais que voc\u00ea otimize imagens, c\u00f3digo e plugins, existe um teto imposto pela <strong>infraestrutura onde o site roda<\/strong>. O LCP, em particular, come\u00e7a com o <strong>TTFB (Time to First Byte)<\/strong> \u2014 o tempo que o servidor leva s\u00f3 para come\u00e7ar a responder. Se a hospedagem \u00e9 lenta, sobrecarregada ou est\u00e1 fisicamente distante do seu p\u00fablico, esse atraso se propaga para todas as m\u00e9tricas, e nenhuma otimiza\u00e7\u00e3o de front-end compensa totalmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por isso, uma hospedagem de qualidade \u2014 com bons recursos, cache eficiente e servidores bem localizados \u2014 n\u00e3o \u00e9 um detalhe, e sim parte da funda\u00e7\u00e3o das suas Core Web Vitals. \u00c9 o alicerce sobre o qual todas as outras otimiza\u00e7\u00f5es se apoiam.<\/p>\n\n\n\n<!-- CTA: hospedagem Homehost -->\n<div style=\"width:100%;margin:28px 0;box-sizing:border-box;font-family:inherit;background:#1e3a5f;border-radius:12px;padding:28px 26px;text-align:center;box-shadow:0 2px 8px rgba(16,42,67,0.18);\">\n  <p style=\"margin:0 0 8px;font-size:1.35em;font-weight:700;color:#ffffff;line-height:1.3;\">As Core Web Vitals come\u00e7am no servidor<\/p>\n  <p style=\"margin:0 0 20px;color:#cfe0f0;line-height:1.6;max-width:560px;margin-left:auto;margin-right:auto;\">Por mais que voc\u00ea otimize imagens e c\u00f3digo, uma hospedagem lenta limita o seu LCP. A Homehost oferece servidores r\u00e1pidos, cache eficiente e infraestrutura pronta para o seu site voar nas m\u00e9tricas do Google.<\/p>\n  <a href=\"https:\/\/www.homehost.com.br\/hospedagem-de-sites\/\" style=\"display:inline-block;background:#2f9e44;color:#ffffff;text-decoration:none;font-weight:700;padding:14px 32px;border-radius:8px;font-size:1.05em;\">Ver planos de hospedagem \u2192<\/a>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Perguntas_frequentes\"><\/span>Perguntas frequentes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<!-- FAQ vis\u00edvel (acorde\u00e3o) -->\n<div style=\"width:100%;margin:24px 0;box-sizing:border-box;font-family:inherit;\">\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">O que s\u00e3o Core Web Vitals?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">S\u00e3o tr\u00eas m\u00e9tricas do Google que medem a experi\u00eancia real do usu\u00e1rio em uma p\u00e1gina: o carregamento (LCP), a responsividade \u00e0s intera\u00e7\u00f5es (INP) e a estabilidade visual (CLS). Fazem parte dos fatores de posicionamento do Google desde 2021.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Quais s\u00e3o as tr\u00eas Core Web Vitals?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">LCP (Largest Contentful Paint), que mede o carregamento; INP (Interaction to Next Paint), que mede a responsividade; e CLS (Cumulative Layout Shift), que mede a estabilidade visual. Os valores ideais s\u00e3o LCP at\u00e9 2,5s, INP at\u00e9 200ms e CLS at\u00e9 0,1.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">O FID ainda \u00e9 uma Core Web Vital?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">N\u00e3o. Em mar\u00e7o de 2024, o Google substituiu o FID (First Input Delay) pelo INP (Interaction to Next Paint). Enquanto o FID media apenas o atraso da primeira intera\u00e7\u00e3o, o INP avalia a responsividade ao longo de toda a visita, capturando melhor a experi\u00eancia real. Se algum material ainda cita o FID como Core Web Vital, est\u00e1 desatualizado.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">O que \u00e9 um bom valor de LCP, INP e CLS?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Para ser &#8220;Bom&#8221;, o LCP deve ser de at\u00e9 2,5 segundos, o INP de at\u00e9 200 milissegundos e o CLS de at\u00e9 0,1. Esses valores precisam ser atingidos em pelo menos 75% das visitas (o percentil 75) para que a p\u00e1gina seja considerada aprovada.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Core Web Vitals influenciam o SEO?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Sim. Fazem parte do sinal de experi\u00eancia na p\u00e1gina do Google desde 2021. N\u00e3o s\u00e3o o fator mais forte \u2014 conte\u00fado e relev\u00e2ncia pesam mais \u2014, mas funcionam como crit\u00e9rio de desempate: entre duas p\u00e1ginas de qualidade semelhante, a mais r\u00e1pida e est\u00e1vel tende a ranquear melhor.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Qual a diferen\u00e7a entre dados de laborat\u00f3rio e de campo?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Os dados de campo (field) v\u00eam de usu\u00e1rios reais (via CrUX) e s\u00e3o os que o Google usa para ranquear. Os de laborat\u00f3rio (lab) s\u00e3o simulados pelo Lighthouse, \u00fateis para diagnosticar. Por isso um site pode ter nota 100 no laborat\u00f3rio e ainda assim falhar nas Core Web Vitals reais \u2014 o que vale \u00e9 o dado de campo.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Como medir as Core Web Vitals do meu site?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">As principais ferramentas gratuitas s\u00e3o o PageSpeed Insights (que combina dados de campo e laborat\u00f3rio de uma URL), o Google Search Console (que monitora o site inteiro com dados reais) e o Lighthouse, embutido no Chrome. O ideal \u00e9 usar o Search Console para monitorar e o PageSpeed Insights para diagnosticar.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Por que meu site tem nota 100 no Lighthouse mas falha nas Core Web Vitals?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Porque a nota do Lighthouse \u00e9 de laborat\u00f3rio (simulada num ambiente controlado), enquanto as Core Web Vitals que o Google usa v\u00eam dos seus usu\u00e1rios reais, com dispositivos e conex\u00f5es variados. Otimizar s\u00f3 para a nota de laborat\u00f3rio \u00e9 um erro comum \u2014 o que importa \u00e9 o dado de campo, no percentil 75.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">O que \u00e9 o percentil 75 nas Core Web Vitals?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">\u00c9 o crit\u00e9rio de avalia\u00e7\u00e3o do Google: em vez de usar a m\u00e9dia, ele exige que pelo menos 75% dos carregamentos da p\u00e1gina atinjam o valor &#8220;Bom&#8221; em cada m\u00e9trica. A ideia \u00e9 garantir uma boa experi\u00eancia para a grande maioria dos visitantes, sem que uma m\u00e9dia esconda os 25% piores casos.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Como melhorar o LCP?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Reduza o tempo de resposta do servidor (uma boa hospedagem \u00e9 a base), otimize e comprima as imagens (especialmente a de destaque), use uma CDN, priorize o conte\u00fado vis\u00edvel sem rolar a tela e minimize CSS e JavaScript que bloqueiam a renderiza\u00e7\u00e3o.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Como melhorar o INP?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">O INP est\u00e1 ligado ao JavaScript. Quebre tarefas longas em peda\u00e7os menores, reduza e adie scripts de terceiros (chats, pixels, widgets), remova c\u00f3digo n\u00e3o utilizado e use carregamento sob demanda para scripts pesados, liberando a p\u00e1gina para responder \u00e0s intera\u00e7\u00f5es.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">Como melhorar o CLS?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Defina largura e altura para imagens, v\u00eddeos, an\u00fancios e embeds, reserve espa\u00e7o para conte\u00fado din\u00e2mico como banners, evite inserir conte\u00fado acima do que o usu\u00e1rio j\u00e1 v\u00ea e prefira anima\u00e7\u00f5es com transform do CSS. Assim o navegador n\u00e3o precisa empurrar o conte\u00fado quando algo carrega.<\/p>\n  <\/details>\n\n  <details style=\"border:1px solid #d9e2ec;border-radius:8px;margin-bottom:10px;padding:14px 18px;\">\n    <summary style=\"font-weight:600;color:#102a43;cursor:pointer;\">A hospedagem afeta as Core Web Vitals?<\/summary>\n    <p style=\"margin:12px 0 0;color:#334e68;line-height:1.6;\">Sim, e bastante. O LCP come\u00e7a com o tempo de resposta do servidor (TTFB). Se a hospedagem \u00e9 lenta, sobrecarregada ou distante do p\u00fablico, esse atraso prejudica todas as m\u00e9tricas, e nenhuma otimiza\u00e7\u00e3o de front-end compensa totalmente. Uma boa hospedagem \u00e9 a funda\u00e7\u00e3o das Core Web Vitals.<\/p>\n  <\/details>\n\n<\/div>\n\n<!-- Schema FAQPage (JSON-LD) -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"O que s\u00e3o Core Web Vitals?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"S\u00e3o tr\u00eas m\u00e9tricas do Google que medem a experi\u00eancia real do usu\u00e1rio em uma p\u00e1gina: o carregamento (LCP), a responsividade \u00e0s intera\u00e7\u00f5es (INP) e a estabilidade visual (CLS). Fazem parte dos fatores de posicionamento do Google desde 2021.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quais s\u00e3o as tr\u00eas Core Web Vitals?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"LCP (Largest Contentful Paint), que mede o carregamento; INP (Interaction to Next Paint), que mede a responsividade; e CLS (Cumulative Layout Shift), que mede a estabilidade visual. Os valores ideais s\u00e3o LCP at\u00e9 2,5s, INP at\u00e9 200ms e CLS at\u00e9 0,1.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"O FID ainda \u00e9 uma Core Web Vital?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"N\u00e3o. Em mar\u00e7o de 2024, o Google substituiu o FID (First Input Delay) pelo INP (Interaction to Next Paint). Enquanto o FID media apenas o atraso da primeira intera\u00e7\u00e3o, o INP avalia a responsividade ao longo de toda a visita, capturando melhor a experi\u00eancia real. Se algum material ainda cita o FID como Core Web Vital, est\u00e1 desatualizado.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"O que \u00e9 um bom valor de LCP, INP e CLS?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Para ser Bom, o LCP deve ser de at\u00e9 2,5 segundos, o INP de at\u00e9 200 milissegundos e o CLS de at\u00e9 0,1. Esses valores precisam ser atingidos em pelo menos 75% das visitas (o percentil 75) para que a p\u00e1gina seja considerada aprovada.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Core Web Vitals influenciam o SEO?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sim. Fazem parte do sinal de experi\u00eancia na p\u00e1gina do Google desde 2021. N\u00e3o s\u00e3o o fator mais forte, conte\u00fado e relev\u00e2ncia pesam mais, mas funcionam como crit\u00e9rio de desempate: entre duas p\u00e1ginas de qualidade semelhante, a mais r\u00e1pida e est\u00e1vel tende a ranquear melhor.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Qual a diferen\u00e7a entre dados de laborat\u00f3rio e de campo?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Os dados de campo (field) v\u00eam de usu\u00e1rios reais (via CrUX) e s\u00e3o os que o Google usa para ranquear. Os de laborat\u00f3rio (lab) s\u00e3o simulados pelo Lighthouse, \u00fateis para diagnosticar. Por isso um site pode ter nota 100 no laborat\u00f3rio e ainda assim falhar nas Core Web Vitals reais, o que vale \u00e9 o dado de campo.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Como medir as Core Web Vitals do meu site?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"As principais ferramentas gratuitas s\u00e3o o PageSpeed Insights (que combina dados de campo e laborat\u00f3rio de uma URL), o Google Search Console (que monitora o site inteiro com dados reais) e o Lighthouse, embutido no Chrome. O ideal \u00e9 usar o Search Console para monitorar e o PageSpeed Insights para diagnosticar.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Por que meu site tem nota 100 no Lighthouse mas falha nas Core Web Vitals?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Porque a nota do Lighthouse \u00e9 de laborat\u00f3rio (simulada num ambiente controlado), enquanto as Core Web Vitals que o Google usa v\u00eam dos seus usu\u00e1rios reais, com dispositivos e conex\u00f5es variados. Otimizar s\u00f3 para a nota de laborat\u00f3rio \u00e9 um erro comum, o que importa \u00e9 o dado de campo, no percentil 75.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"O que \u00e9 o percentil 75 nas Core Web Vitals?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u00c9 o crit\u00e9rio de avalia\u00e7\u00e3o do Google: em vez de usar a m\u00e9dia, ele exige que pelo menos 75% dos carregamentos da p\u00e1gina atinjam o valor Bom em cada m\u00e9trica. A ideia \u00e9 garantir uma boa experi\u00eancia para a grande maioria dos visitantes, sem que uma m\u00e9dia esconda os 25% piores casos.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Como melhorar o LCP?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Reduza o tempo de resposta do servidor (uma boa hospedagem \u00e9 a base), otimize e comprima as imagens (especialmente a de destaque), use uma CDN, priorize o conte\u00fado vis\u00edvel sem rolar a tela e minimize CSS e JavaScript que bloqueiam a renderiza\u00e7\u00e3o.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Como melhorar o INP?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"O INP est\u00e1 ligado ao JavaScript. Quebre tarefas longas em peda\u00e7os menores, reduza e adie scripts de terceiros (chats, pixels, widgets), remova c\u00f3digo n\u00e3o utilizado e use carregamento sob demanda para scripts pesados, liberando a p\u00e1gina para responder \u00e0s intera\u00e7\u00f5es.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Como melhorar o CLS?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Defina largura e altura para imagens, v\u00eddeos, an\u00fancios e embeds, reserve espa\u00e7o para conte\u00fado din\u00e2mico como banners, evite inserir conte\u00fado acima do que o usu\u00e1rio j\u00e1 v\u00ea e prefira anima\u00e7\u00f5es com transform do CSS. Assim o navegador n\u00e3o precisa empurrar o conte\u00fado quando algo carrega.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"A hospedagem afeta as Core Web Vitals?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Sim, e bastante. O LCP come\u00e7a com o tempo de resposta do servidor (TTFB). Se a hospedagem \u00e9 lenta, sobrecarregada ou distante do p\u00fablico, esse atraso prejudica todas as m\u00e9tricas, e nenhuma otimiza\u00e7\u00e3o de front-end compensa totalmente. Uma boa hospedagem \u00e9 a funda\u00e7\u00e3o das Core Web Vitals.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusao\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As Core Web Vitals traduzem, em tr\u00eas n\u00fameros objetivos, algo que todo visitante sente na pele: se a p\u00e1gina carrega r\u00e1pido (LCP), se responde bem ao toque (INP) e se \u00e9 visualmente est\u00e1vel (CLS). Dominar esses conceitos \u2014 e lembrar que o que vale s\u00e3o os dados reais de campo, no percentil 75, e n\u00e3o a nota de laborat\u00f3rio \u2014 coloca voc\u00ea \u00e0 frente da maioria dos sites, que ainda falha nessas m\u00e9tricas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O caminho pr\u00e1tico \u00e9 claro: me\u00e7a com o Search Console e o PageSpeed Insights, ataque cada m\u00e9trica com as estrat\u00e9gias certas (servidor e imagens para o LCP, JavaScript para o INP, dimens\u00f5es e espa\u00e7o reservado para o CLS) e garanta uma base s\u00f3lida de hospedagem. Lembre-se de que performance n\u00e3o \u00e9 um projeto com fim: vale monitorar de tempos em tempos, porque uma atualiza\u00e7\u00e3o, um plugin novo ou uma mudan\u00e7a de conte\u00fado podem fazer as m\u00e9tricas regredirem. Cuidar das Core Web Vitals \u00e9, no fundo, cuidar de quem visita o seu site \u2014 e o Google recompensa quem faz isso bem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As Core Web Vitals s\u00e3o um conjunto de tr\u00eas m\u00e9tricas criadas pelo Google para medir, de forma objetiva, a experi\u00eancia real que um usu\u00e1rio tem ao navegar em uma p\u00e1gina: o qu\u00e3o r\u00e1pido o conte\u00fado carrega, o qu\u00e3o responsiva a p\u00e1gina \u00e9 aos cliques e toques, e o qu\u00e3o est\u00e1vel ela \u00e9 visualmente. Desde 2021, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15996,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[24],"tags":[],"class_list":["post-15995","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo) | Homehost<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo) | Homehost\" \/>\n<meta property=\"og:description\" content=\"As Core Web Vitals s\u00e3o um conjunto de tr\u00eas m\u00e9tricas criadas pelo Google para medir, de forma objetiva, a experi\u00eancia real que um usu\u00e1rio tem ao navegar em uma p\u00e1gina: o qu\u00e3o r\u00e1pido o conte\u00fado carrega, o qu\u00e3o responsiva a p\u00e1gina \u00e9 aos cliques e toques, e o qu\u00e3o est\u00e1vel ela \u00e9 visualmente. Desde 2021, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-15T21:10:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-15T21:21:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gustavo Gallas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gustavo Gallas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/\",\"name\":\"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo) | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png\",\"datePublished\":\"2026-06-15T21:10:31+00:00\",\"dateModified\":\"2026-06-15T21:21:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png\",\"width\":1536,\"height\":1024,\"caption\":\"Core Web Vitals: o que s\u00e3o, como medir e como otimizar\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\",\"name\":\"Gustavo Gallas\",\"description\":\"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo) | Homehost","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:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/","og_locale":"pt_BR","og_type":"article","og_title":"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo) | Homehost","og_description":"As Core Web Vitals s\u00e3o um conjunto de tr\u00eas m\u00e9tricas criadas pelo Google para medir, de forma objetiva, a experi\u00eancia real que um usu\u00e1rio tem ao navegar em uma p\u00e1gina: o qu\u00e3o r\u00e1pido o conte\u00fado carrega, o qu\u00e3o responsiva a p\u00e1gina \u00e9 aos cliques e toques, e o qu\u00e3o est\u00e1vel ela \u00e9 visualmente. Desde 2021, [&hellip;]","og_url":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2026-06-15T21:10:31+00:00","article_modified_time":"2026-06-15T21:21:00+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png","type":"image\/png"}],"author":"Gustavo Gallas","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Gustavo Gallas","Est. tempo de leitura":"22 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/","url":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/","name":"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo) | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png","datePublished":"2026-06-15T21:10:31+00:00","dateModified":"2026-06-15T21:21:00+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4"},"breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png","width":1536,"height":1024,"caption":"Core Web Vitals: o que s\u00e3o, como medir e como otimizar"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/seo\/core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: o que s\u00e3o, como medir e como otimizar (guia completo)"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4","name":"Gustavo Gallas","description":"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br"}]}},"modified_by":"ad_hmhst","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2026\/06\/Core-web-vitals.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/15995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=15995"}],"version-history":[{"count":3,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/15995\/revisions"}],"predecessor-version":[{"id":16003,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/15995\/revisions\/16003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/15996"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=15995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=15995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=15995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}