O Largest Contentful Paint (LCP) é uma métrica importante e centrada no usuário para medir a velocidade de carregamento percebida. Para isso, a métrica marca o ponto na linha do tempo de carregamento da página quando seu conteúdo principal provavelmente foi carregado.
Para oferecer uma experiência de usuário satisfatória, os sites devem se esforçar para que a primeira impressão do conteúdo ocorra nos 2 segundos e meio iniciais após o carregamento da página.
Os tipos de elementos que são considerados no grupo LCP são:
A restrição dos elementos para o conjunto acima foi intencional justamente para manter tudo simples no início. Elementos adicionais podem ser acrescentados posteriormente, conforme mais informações e avanços de pesquisas surjam.
Mais detalhes de como os elementos podem ser determinados podem ser acessados no portal web.dev.
Abaixo, alguns exemplos de interpretação do LCP em alguns sites:
O LCP é afetado diretamente pelos seguintes fatores:
Algumas técnicas deverão ser levadas em consideração para aprimorar o LCP:
Mais técnicas de otimização do LCP poderão ser encontradas na documentação do web.dev.
Abaixo, separamos algumas tarefas técnicas que analisamos e levamos em consideração na Gear SEO, relacionadas com o LCP de acordo com as ferramentas do Google:
Normalmente, as imagens representam a maioria de bytes transferidos em uma página do site. Além de ocuparem um grande espaço visual, elas podem impactar diretamente no tempo de carregamento do site.
É muito importante que as imagens tenham o tamanho correto, de acordo com o espaço que ocupam em suas respectivas páginas. Ao inserir as imagens, é necessário sempre ter o cuidado de tratá-las adequadamente para exibição na web.
Lazy Load é uma técnica que adia recursos não críticos no tempo de carregamento da página. Os recursos são carregados apenas no momento em que são necessários.
Imagens fora da tela são imagens que aparecem abaixo da dobra, ou seja, que ainda não foram exibidas para os usuários. Como os usuários não podem vê-las, não há motivo para carregá-las como parte do carregamento inicial da página.
O tempo de carregamento de uma página é definido por diversos fatores, entre eles, os recursos (JavaScript, CSS, etc.), que são solicitados pelos navegadores. Esses recursos normalmente são solicitados em fila, quase um a um.
Realizando o ajuste de pré-carregamento, conseguimos que o navegador solicite alguns recursos simultaneamente. Dessa forma, o navegador vai processar o recurso junto de outros elementos críticos para o carregamento da página.
WebP é um formato de imagem que possui características de qualidade e compactação superior em comparação com suas contrapartes mais antigas, JPEG e PNG. Codificar as imagens nesse formato em vez de JPEG ou PNG significa que elas serão carregadas mais rapidamente e consumirão menos dados de celular, o que resulta em uma performance melhor do site, inclusive em dispositivos móveis.
Preparamos abaixo materiais que estão relacionados diretamente com os pontos principais do Core Web Vitals com exemplos de pontos de melhorias:
Ao montar um negócio, é comum ter muitas dúvidas, principalmente em relação à publicidade dos…
Quem é empresário, sabe que a presença do negócio no Google é essencial para o…
Em um projeto SEO, é muito comum direcionar as estratégias principalmente para a produção de…
Você sabe o que é tráfego orgânico? Ele faz parte das estratégias para ranqueamento de…
O conteúdo de qualidade é um dos principais fatores de ranqueamento do Google. O buscador…
Uma dúvida muito comum para quem quer alcançar o melhor ranqueamento com um site é:…