LCP (Largest Contentful Paint) é uma métrica dos Core Web Vitals que mede o tempo desde a navegação na página até que o maior elemento de conteúdo visível seja renderizado na tela.
O "maior elemento de conteúdo" é determinado automaticamente pelo navegador; na maioria das páginas de ecommerce, é a imagem principal na página inicial, PLP ou PDP, ou o H1 em uma página de blog/artigo. Limiares de 2026: ≤ 2.5s bom, ≤ 4.0s precisa de melhorias, > 4.0s ruim.
Correções comuns de LCP para ecommerce: pré-carregar a imagem LCP com <link rel="preload" as="image" fetchpriority="high">, servir formatos modernos (AVIF/WebP), usar priority nos componentes de imagem do Next.js, renderizar a página do lado do servidor (ou transmitir a partir da borda), embutir CSS crítico e evitar o carregamento preguiçoso da imagem LCP.
O LCP é fortemente influenciado pelas condições da rede e pelo desempenho da CDN. A renderização na borda (TTFB ≤ 100ms) estabelece um piso estrutural que sites renderizados de origem monolítica não conseguem igualar.