--- title: "kb/core-web-vitals-lcp-inp-checklist" description: "GHWD agent markdown twin" canonical: https://ghwd.com.br/kb/core-web-vitals-lcp-inp-checklist/ last-updated: 2026-09-10 --- # Core Web Vitals em 2026: checklist prático para LCP, INP e CLS Checklist técnico de Core Web Vitals — LCP, INP e CLS — com ações concretas para Next.js, CDN Edge e monitoramento contínuo via X-Ray e Edge Delivery. - **Category:** Performance Web - **Date:** 10 de Setembro de 2026 - **Read time:** 8 min - **Author:** Gustavo Hipólito (Lead Software Architect) - **Tags:** Core Web Vitals, LCP, INP, CLS, X-Ray, edge-delivery - **Atualizado em:** 10 de Setembro de 2026 ## TL;DR Core Web Vitals 2026 exige LCP ≤ 2,5 s, INP ≤ 200 ms e CLS ≤ 0,1 no percentil 75 de dados reais (CrUX). Checklist GHWD: hero image com priority e dimensões fixas; JS abaixo de 150 KB gzip na rota crítica; fontes self-hosted com font-display swap; CDN Edge com HTTP/3; lazy load abaixo da dobra. Produtos X-Ray (auditoria) e Edge Delivery (CDN/caching) automatizam diagnóstico e correção contínua. ## 1. Por que Core Web Vitals ainda impactam receita Google usa LCP, INP e CLS como sinais de ranking desde 2021; em 2024 INP substituiu FID. Além de SEO, dados de campo (CrUX) correlacionam cada 100 ms de LCP extra com queda mensurável em conversão — especialmente mobile BR, onde 4G instável amplifica latência. Performance deixou de ser métrica de engenharia: é KPI de receita. ## 2. Checklist LCP (Largest Contentful Paint) - **Identificar elemento LCP:** Geralmente hero image ou H1 block — use Lighthouse ou **X-Ray** para confirmar por rota. - **next/image com priority:** Atributo priority na imagem above-the-fold; width/height explícitos evitam CLS. - **Formato moderno:** WebP/AVIF com fallback; srcset responsivo; evitar PNG > 200 KB. - **Preload crítico:** link rel=preload para fonte e imagem LCP quando necessário. - **TTFB < 800 ms:** SSG/static export + CDN Edge (**Edge Delivery**) reduzem tempo de servidor. - **Meta:** LCP < 2,5 s (Google); GHWD calibra < 1,2 s em projetos production-grade. ## 3. Checklist INP (Interaction to Next Paint) - **Reduzir JS main thread:** Code splitting por rota; dynamic import de componentes pesados; evitar hydration desnecessária. - **Debounce handlers:** Filtros de catálogo e busca com debounce 150–300 ms. - **Web Workers:** Processamento pesado (sort, parse CSV) fora da main thread. - **Third-party scripts:** Adiar GTM, chat widgets e pixels abaixo de interação ou consent. - **Meta:** INP < 200 ms no p75 móvel. ## 4. Checklist CLS (Cumulative Layout Shift) - Reservar espaço para ads, embeds e banners com min-height CSS. - Fontes: font-display swap + métricas ajustadas (next/font). - Imagens e vídeos: sempre width/height ou aspect-ratio. - Evitar injeção de DOM acima de conteúdo já renderizado. - **Meta:** CLS < 0,1. ## 5. Monitoramento contínuo com X-Ray e Edge Delivery Auditoria pontual (Lighthouse CI) não basta — deploys e conteúdo CMS alteram métricas semanalmente. **X-Ray** da GHWD monitora CrUX, Lighthouse sintético e regressões por PR. **Edge Delivery** configura cache rules, Brotli, HTTP/3 e early hints na CDN. Juntos formam loop: detectar → corrigir → validar em produção. ## FAQ ### Lighthouse 100 garante bom Core Web Vitals em produção? Não. Lighthouse é lab data; CrUX é field data de usuários reais. Site pode score 100 localmente e falhar INP em Android mid-range. Monitore ambos. ### WordPress consegue passar Core Web Vitals? Possível com tema minimal, poucos plugins e CDN agressiva — mas raro sustentar INP < 200 ms. Next.js static export tem vantagem estrutural. ### Com que frequência auditar? A cada deploy significativo + revisão mensal de CrUX. X-Ray automatiza alertas quando LCP ou INP degradam 10%+ versus baseline. --- ## Agent navigation - Canonical HTML: https://ghwd.com.br/kb/core-web-vitals-lcp-inp-checklist/ - Agent instructions: https://ghwd.com.br/agent-instructions.md - llms.txt: https://ghwd.com.br/llms.txt - AI index: https://ghwd.com.br/ai-index.md - Developers: https://ghwd.com.br/developers/ - Sitemap: https://ghwd.com.br/sitemap.xml Prefer `Accept: text/markdown` (or AI bot User-Agent) to receive this text variant.