Evitar encadeamento de solicitações críticas

As cadeias de solicitações críticas são séries de solicitações de rede dependentes importantes para a renderização da página. Quanto maior o comprimento das cadeias e os tamanhos de download, mais significativo será o impacto no desempenho de carregamento da página.

O Lighthouse gera relatórios sobre solicitações críticas carregadas com prioridade alta:

Captura de tela da auditoria "Reduza a profundidade de solicitações críticas" do Lighthouse

Como o Lighthouse identifica cadeias de solicitações críticas

O Lighthouse usa a prioridade de rede como um proxy para identificar recursos críticos que bloqueiam a renderização. Consulte Prioridades e programação de recursos do Chrome (em inglês) para mais informações sobre como o Chrome define essas prioridades.

Os dados sobre cadeias de solicitações críticas, tamanhos de recursos e tempo gasto no download de recursos são extraídos do Protocolo de depuração remota do Chrome.

Como reduzir o efeito das cadeias de solicitações críticas na performance

Use os resultados da auditoria de cadeias de solicitação críticas para segmentar primeiro os recursos que têm o maior efeito no carregamento da página:

  • Minimize o número de recursos críticos: elimine-os, adie o download, marque-os como async etc.
  • Otimize o número de bytes críticos para reduzir o tempo de download (número de viagens de ida e volta).
  • Otimize a ordem em que os recursos críticos restantes são carregados: faça o download de todos os recursos críticos o mais rápido possível para reduzir o comprimento do caminho crítico.

Saiba mais sobre como otimizar suas imagens, JavaScript, CSS e fontes da Web.

Orientações específicas para a pilha

Magento

Se você não estiver agrupando os ativos JavaScript, considere usar baler.

Recursos

Código-fonte da auditoria Reduza a profundidade de solicitações críticas