Teste do Maior elemento de conteúdo pintado (LCP)

O teste de Maior pintura de conteúdo (LCP) da SEOptimer apresenta o LCP da sua página em comparação com os limites da Google, utilizando os próprios dados de campo da Google provenientes de visitantes reais.

Audite qualquer site em segundos
+ Ferramentas abrangentes de SEO / GEO para todas as funções

Execute mais de 100 verificações no seu site em SEO On-Page, Usabilidade, Desempenho, Redes sociais e Ligações. Agora com GEO em todos os relatórios. O SEOptimer também oferece pesquisa de palavras-chave, monitorização de posições, backlinks e um crawler completo do site.

Sobre o Largest Contentful Paint

O que é o Largest Contentful Paint?

O Largest Contentful Paint mede o tempo que o maior elemento visível demora a concluir o carregamento — normalmente, uma imagem principal, uma imagem de pré-visualização de vídeo ou um bloco de texto de título. É o valor único que mais se aproxima de responder à pergunta «quando é que a página apareceu?».
Ignora deliberadamente tudo o que está abaixo da dobra e tudo o que é invisível. Uma página pode continuar a carregar scripts e tipos de letra muito depois do seu LCP e, no que diz respeito a esta medição, isso não é um problema, porque o visitante já tem algo para ler.
É isso que o distingue do tempo total de carregamento. O tempo de carregamento descreve o momento em que o navegador termina o seu trabalho; o LCP descreve o momento em que a página se tornou útil, ou seja, o momento que o visitante realmente experiencia.

O que é considerado um bom LCP?

O Google considera 2,5 segundos ou menos como bom, entre 2,5 e 4 segundos como necessitando de melhorias, e qualquer valor superior a 4 segundos como fraco. O limiar aplica-se ao percentil 75 dos carregamentos reais de páginas, pelo que tem de ser atingido por três em cada quatro visitantes, e não apenas em média.
Esse percentil é mais importante do que parece à primeira vista. Uma média pode ser facilmente compensada por visitas rápidas em ligações rápidas, enquanto o percentil 75 mantém em foco o quarto mais lento do seu público, que normalmente corresponde aos utilizadores móveis.
Assim, uma página pode falhar no LCP e, ainda assim, parecer perfeitamente rápida na máquina em que foi criada. Essa discrepância é mais habitual do que excecional.

O que costuma causar um LCP lento

Raramente o próprio elemento é o problema. O que o atrasa é quase sempre algo que acontece antes dele, e há quatro culpados habituais:
  • Uma resposta lenta do servidor, que atrasa tudo o que vem a seguir antes de ser apresentado qualquer byte.
  • CSS e JavaScript bloqueadores da renderização no cabeçalho, que o navegador tem de concluir antes de apresentar o conteúdo.
  • A imagem principal ser grande, não otimizada ou carregada de forma diferida quando não deveria.
  • A imagem ser detetada tardiamente, por ser definida através de CSS ou inserida por um script, em vez de estar presente no HTML.
Essa última é a que mais frequentemente apanha as pessoas desprevenidas. Um navegador só pode começar a obter aquilo que consegue ver na marcação, pelo que uma imagem que nunca é mencionada no HTML não pode começar a carregar até que a folha de estilos ou o script que a menciona tenha sido obtido e analisado.

Como melhorar

  • Coloque a imagem principal no HTML como um elemento img, para que o navegador a encontre imediatamente.
  • Nunca aplique carregamento lento ao elemento LCP — o carregamento lento destina-se ao conteúdo que está abaixo da dobra.
  • Disponibilize-a num formato moderno e no tamanho em que é efetivamente apresentada.
  • Pré-carregue-a se for genuinamente o elemento mais importante da página.
  • Remova o CSS e o JavaScript não críticos do caminho de renderização.
  • Reduza o tempo de resposta do servidor, uma vez que cada milissegundo é gasto antes de qualquer outra coisa começar.

O que esta ferramenta verifica

O teste de LCP consulta os dados de campo da Google relativos à página — medições recolhidas de visitantes reais no Chrome — e mostra em que posição se encontra face aos limiares acima.
Se não for apresentado nenhum resultado, a página não tem tráfego suficiente para que a Google apresente dados, algo comum em páginas novas ou pouco visitadas. Isso não significa que exista uma falha, e a resposta sensata é corrigir as causas óbvias em vez de esperar que seja apresentada uma pontuação.
Para as outras duas métricas, ou para as três em conjunto, utilize os Teste dos Core Web Vitals.

Próximos passos

O LCP é um sintoma; as causas são o peso e a espera. Verifique quanto tempo o servidor demora a responder com o teste de velocidade de carregamento do site, qual é o peso da página com a verificação do tamanho do ficheiro da página Web e se as próprias imagens são o problema com o verificador de otimização de imagens.

Caixa de ferramentas abrangente de SEO com mais de 55 ferramentas

Verifique Títulos, Meta descrições, Cabeçalhos, Schema, Core Web Vitals, SSL e Robots.txt. Gere Meta tags, Sitemaps e regras .htaccess, minimize CSS, JS e HTML e crie textos com as nossas ferramentas de escrita com IA — instantaneamente e de forma gratuita.

Leituras adicionais

Ver Mais
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?   Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?   The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?   The term webpage size in the SEO world refers to the downloaded file size of a given web page.    The...