Evite encadear solicitações críticas

Published on Updated on

Translated to: English, Español, 한국어, 中文, Pусский, 日本語

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:

Uma captura de tela da auditoria do Lighthouse Minimizar profundidade de solicitação crítica

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.