O Largest Contentful Paint (LCP) é uma das métricas consideradas pelo Google para medir a experiência de uma página. Esse indicador avalia a velocidade de carregamento de uma página.

De acordo com o Google, um site que carrega nos primeiros 2,5 segundos apresenta uma boa experiência.

Sites com boa experiência permitem que as pessoas se envolvam mais e localizem mais facilmente aquilo que procuram. Uma experiência ruim impede que os usuários encontrem informações relevantes e pode levar a uma desistência. Já falamos disso no post em que trago resumido as boas práticas citadas por Steve Krug no livro clássico de UX, “Não me faça pensar”. Se você ainda não leu, veja aqui.

Fonte: Google

Como funciona o LCP?

O LCP descreve o tempo de renderização da maior imagem ou bloco de texto visível na tela em relação a quando a página começou a carregar pela primeira vez.

Abaixo a lista de elementos que são considerados na formação desse indicador:

  • Imagens <img>
  • Imagens dentro de tags <img> <svg>
  • Vídeos <video>
  • Imagens de fundo com CSS
  • Elementos de textos, como parágrafos, cabeçalhos e listas
  • Outros elementos encapsulados

Como melhorar o LCP do meu site?

O valor do LCP do seu site está relacionado aos componentes acima citados, portanto para melhorar esse índice é necessário:

  • Otimizar imagens
  • Otimizar seu CSS
  • Otimizar fontes da web
  • Otimização do JavaScript

Busque os relatórios disponíveis no PageSpeed Insights e no Google Search Console para ajudar nessas otimizações.

Ferramentas para ajudar a medir o LCP do site

Abaixo a lista de ferramentas online para te ajudar a medir e acompanhar o LCP do seu site:

  • PageSpeed Insights: é uma ferramenta do Google que mede o desempenho de carregamento de uma página referente a dispositivos móveis ou computadores. Disponibilizam relatórios de performance e dicas de melhorias a partir da análise da URL. Vejo um exemplo abaixo:
Pagespeed Insights: exemplo de análise

O site ainda disponibiliza uma lista de melhorias conforme exemplo abaixo:

Pagespeed Insights: relatório de melhorias
  • Google Search Console: É uma ferramenta gratuita oferecida pelo Google para avaliar e medir o desempenho de performance de sites e páginas. A proposta é mapear a eficiência do site na interação com o motor de busca do Google. Portanto, trata-se de uma importante ferramenta de apoio a estratégia de SEO. Outras funcionalidades do Google Search Console:
  1. Relatórios e Dicas sobre oportunidades de melhorias.
  2. Alertas sobre erros.
  3. Avalie quais palavras que atraíram os usuários para seu site.
  4. Relatórios de pesquisa do Google incluindo impressões e CTR.
  5. Inspeção de URL no qual é possível avaliar a versão indexada de uma página específica.
  6. AMP: entenda quais páginas AMP foram ou não foram lidas e saiba os motivos.

Para ativar a ferramenta clique aqui e se cadastre no Google Search Console.

  • Web Vitals: é uma extensão do Google Chrome que avalia a carregamento, interatividade e métricas de experiência da página. Veja abaixo as principais métricas disponibilizadas na consulta ao site de viagens HURB.
Web Vitals: análise desempenho da página.

O LCP é apenas um dos indicadores que o Google, a partir de 2021, passou a considerar em seu algoritmo relacionado ao tema da experiência usuário. Veja aqui o guide do Google para entender como a experiência na página pode afetar seu rankeamento no resultado de busca.

Conforme já citei algumas vezes, usabilidade tem relação com prestar melhores serviços através da entrega de produtos focados em resolver problemas para os usuários. É nisso que o Google focará em 2021. Veja como incluí numa sprint de 5 dias testes de usabilidade.