Evita encadenar solicitudes críticas

Las cadenas de solicitudes críticas son series de solicitudes de red dependientes que son importantes para la renderización de páginas. Cuanto mayor sea la longitud de las cadenas y los tamaños de descarga más grandes, más significativo será el impacto en el rendimiento de carga de la página.

Lighthouse informa las solicitudes críticas que se cargaron con una prioridad alta:

Captura de pantalla de la auditoría de profundidad de solicitudes críticas de Lighthouse para minimizar

Cómo Lighthouse identifica cadenas de solicitudes críticas

Lighthouse usa la prioridad de red como un proxy para identificar los recursos críticos que bloquean el procesamiento. Consulta Programación y prioridades de recursos de Chrome de Google para obtener más información sobre cómo Chrome define estas prioridades.

Los datos sobre cadenas de solicitudes críticas, tamaños de recursos y el tiempo dedicado a descargar recursos se extraen del Protocolo de depuración remota de Chrome.

Cómo reducir el efecto de las cadenas de solicitudes críticas en el rendimiento

Usa los resultados de la auditoría de cadenas de solicitudes críticas para segmentar primero los recursos que tienen el mayor efecto en la carga de la página:

  • Minimiza la cantidad de recursos críticos: elimínalos, aplaza su descarga, márcalos como async, etcétera.
  • Optimiza la cantidad de bytes críticos para reducir el tiempo de descarga (cantidad de recorridos de ida y vuelta).
  • Optimice el orden en el que se cargan los recursos críticos restantes: descargue todos los recursos críticos lo antes posible para acortar la longitud de la ruta crítica.

Obtén más información para optimizar tus imágenes, JavaScript, CSS y fuentes web.

Orientación específica para pilas

Magento

Si no estás agrupando tus elementos de JavaScript, considera usar baler.

Recursos

Código fuente para la auditoría de minimizar la profundidad de las solicitudes críticas