Evite encadear solicitações críticas

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

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

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

O Lighthouse usa a prioridade da rede como um proxy para identificar recursos críticos de bloqueio de renderização. Consulte Prioridades e programação de recursos do Google Chrome para obter 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 de cadeias de solicitações críticas no desempenho #

Use os resultados de auditoria de cadeias de solicitação críticas para direcionar 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 seu 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 viagens de ida e volta).
• Otimize a ordem em que os recursos críticos restantes são carregados: baixe todos os ativos críticos o quanto antes para encurtar o comprimento do caminho crítico.

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

Orientação específica de pilha #

Magento #

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

Recursos #

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