O Lighthouse informa quantas solicitações de rede foram feitas e quantos dados foram transferidos durante o carregamento da página:
- Os valores de Requests e Transfer Size para a linha Total são calculados adicionando os valores das linhas Image, Script, Font, Stylesheet, Other, Document e Media.
- A coluna Terceiros não considera os valores da linha Total. O objetivo dele é informar o número total de solicitações e a parcela do tamanho total da transferência de domínios de terceiros. As solicitações de terceiros podem ser uma combinação de qualquer um dos outros tipos de recursos.
Como reduzir contagens de recursos e tamanhos de transferência
O efeito de altas contagens de recursos ou grandes tamanhos de transferência no desempenho da carga depende do tipo de recurso que está sendo solicitado.
CSS e JavaScript
Por padrão, as solicitações de arquivos CSS e JavaScript bloqueiam a renderização. Em outras palavras, os navegadores não podem renderizar conteúdo na tela até que todas as solicitações de CSS e JavaScript sejam concluídas. Se algum desses arquivos estiver hospedado em um servidor lento, ele poderá atrasar todo o processo de renderização. Consulte Otimizar o JavaScript, Otimizar recursos de terceiros e Otimizar seu CSS para saber como enviar apenas o código de que você realmente precisa.
Métricas afetadas: todas
Imagens
As solicitações de imagens não bloqueiam a renderização, como CSS e JavaScript, mas ainda podem afetar negativamente o desempenho de carregamento. Um problema comum é quando um usuário de dispositivos móveis carrega uma página e percebe que as imagens começaram a carregar, mas demoraram um pouco para terminar. Consulte Otimizar imagens para saber como carregar imagens mais rapidamente.
Métricas afetadas: Primeira exibição de conteúdo, Primeira exibição significativa, Índice de velocidade
Fontes
O carregamento ineficiente de arquivos de fontes pode causar texto invisível durante o carregamento da página. Consulte Otimizar fontes para saber como definir como padrão uma fonte disponível no dispositivo do usuário e alternar para a fonte personalizada quando o download terminar.
Métricas afetadas: Primeira exibição de conteúdo
Documentos
Se o arquivo HTML for grande, o navegador precisará passar mais tempo analisando o HTML e construindo a árvore DOM a partir do HTML analisado.
Métricas afetadas: Primeira exibição de conteúdo
Mídia
Os arquivos GIF animados geralmente são muito grandes. Consulte Substituir GIFs por vídeos para saber como carregar animações mais rapidamente.
Métricas afetadas: Primeira exibição de conteúdo
Usar orçamentos de performance para evitar regressões
Depois de otimizar seu código para reduzir contagens de solicitações e tamanhos de transferência, consulte Definir orçamentos de desempenho para saber como evitar regressões.