Páginas de carregamento lento

A Silktide carrega as suas páginas num navegador real e mede quanto tempo o conteúdo principal demora a aparecer no ecrã. Para isso, utiliza uma métrica padrão do setor chamada Largest Contentful Paint, que mede o momento em que a maior imagem ou bloco de texto se torna visível.

O Largest Contentful Paint (LCP) é uma das Principais métricas da Web da Google. Reflete melhor aquilo que as pessoas sentem naturalmente como "a página carregou" do que métricas mais antigas, como esperar que todos os ficheiros terminem de ser transferidos.

Porque é importante

Os visitantes avaliam o seu site nos primeiros segundos. As páginas cujo conteúdo principal demora a aparecer perdem visitantes antes de estes lerem alguma coisa: estudo após estudo relaciona cada segundo adicional de carregamento com um aumento mensurável do abandono, especialmente em dispositivos móveis. Como o LCP é uma das Principais métricas da Web, as páginas lentas também podem obter uma classificação inferior nos resultados de pesquisa. Assim, uma página lenta perde tanto os visitantes que recebe como alguns dos que nunca chegam a visitá-la.

Como corrigir

A Silktide mostra-lhe qual é o maior elemento da página — é esse elemento que precisa de fazer aparecer mais cedo.

1. Se for uma imagem, torne-a mais pequena e rápida: comprima-a, utilize um formato moderno e disponibilize-a no tamanho em que é apresentada — consulte Otimização de imagens. Nunca utilize o carregamento lento na imagem principal.
2. Remova ou adie tudo o que atrasa a apresentação, como folhas de estilos e scripts que bloqueiam a página — consulte Recursos que bloqueiam a apresentação.
3. Acelere a primeira resposta do servidor, uma vez que tudo o resto aguarda pelo HTML — tanto a colocação em cache como uma CDN ajudam.

Como a Silktide testa isto

1. Carrega a página num navegador real e mede o tempo do Largest Contentful Paint em milissegundos.
2. Identifica qual era o maior elemento nesse momento e mostra-o.
3. Avalia o resultado utilizando os limites padrão do LCP: até 2,5 segundos é considerado bom e qualquer valor superior a 4 segundos é considerado fraco.

Resolução de problemas

A página parece mais rápida do que a medição sugere

O LCP mede uma primeira visita com a cache vazia, que é aquilo que um visitante novo experiencia. As suas próprias visitas repetidas reutilizam ficheiros em cache e parecem muito mais rápidas.

O maior elemento não é o mais importante

O LCP mede o tempo até à apresentação do elemento que for maior, normalmente uma imagem de destaque ou um título. Se um elemento incidental, como uma imagem de fundo, for o seu LCP, acelerá-lo continua a acelerar aquilo que os visitantes percecionam, porque todos os elementos apresentados à sua volta beneficiam das mesmas correções.

Saiba mais

• Velocidade das páginas e Principais métricas da Web — estrutura de priorização para o LCP e as restantes métricas
• Largest Contentful Paint (web.dev)
• Otimizar o LCP (web.dev)
• Recursos que bloqueiam a apresentação