Evitar encadeamento de solicitações críticas

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

O Lighthouse informa solicitações críticas carregadas com alta prioridade:

Captura de tela da auditoria de profundidade de solicitação crítica do Lighthouse Minimize

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

O Lighthouse usa a prioridade de rede como proxy para identificar recursos críticos bloqueadores de renderização. Consulte Programação e prioridades de recursos do Chrome do Google 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 Google Chrome.

Como reduzir o efeito das cadeias de solicitação críticas no desempenho

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

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

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

Orientações específicas para a pilha

Magento

Se você não estiver agrupando seus recursos JavaScript, considere usar baler.

Recursos

Código-fonte da auditoria Minimizar a profundidade da solicitação crítica