Evite encadear solicitações críticas
Published on • Updated on
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](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/apWYFAWSuxf9tQHuogSN.png?auto=format)
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
Updated on • Improve article