Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) e a metrica que permite medir o tempo de carregamento do maior elemento visual de um site.

Considerado um dos parametros mais significativos dos Core Web Vitals, o Largest Contentful Paint (LCP) mede a velocidade de carregamento percebida ou a rapidez com que o conteudo principal de uma pagina web carrega e fica visivel para os utilizadores.

O que e o Largest Contentful Paint (LCP)?

A metrica Largest Contentful Paint (LCP) reporta o tempo de renderizacao da maior imagem ou bloco de texto visivel dentro da area de visualizacao, relativo ao momento em que a pagina comecou a carregar.

Largest Contentful Paint (LCP)

Os websites devem procurar ter um Largest Contentful Paint de 2,5 segundos ou menos.

Tipos de conteudo considerados:

  • Imagens.
  • Tags de imagem.
  • Miniaturas de video.
  • Imagens de fundo com CSS.
  • Elementos de texto, como paragrafos, titulos e listas.

Como melhorar o Largest Contentful Paint (LCP)?

O Largest Contentful Paint (LCP) e afetado principalmente por quatro fatores:

  • Tempos de resposta lentos do servidor
  • JavaScript e CSS que bloqueiam a renderizacao
  • Tempos de carregamento de recursos
  • Renderizacao do lado do cliente