Las cadenas de solicitudes críticas son series de solicitudes de red dependientes que son importantes para la renderización de la página. Cuanto mayor sea la longitud de las cadenas y los tamaños de descarga, más significativo será el impacto en el rendimiento de la carga de la página.
Lighthouse informa las solicitudes críticas que se cargan con alta prioridad:
Cómo Lighthouse identifica las cadenas de solicitudes críticas
Lighthouse usa la prioridad de red como proxy para identificar los recursos críticos que bloquean la renderización. Consulta Prioridades y programación de recursos de Chrome de Google para obtener más información sobre cómo Chrome define estas prioridades.
Los datos sobre las cadenas de solicitudes críticas, los tamaños de los 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
Utiliza los resultados de la auditoría de las cadenas de solicitudes críticas para orientar tus esfuerzos primero a los recursos que tienen el mayor efecto en la carga de la página:
- Minimiza la cantidad de recursos críticos: elimínalos, difiere su descarga, márcalos como
async, etcétera. - Optimiza la cantidad de bytes críticos para reducir el tiempo de descarga (cantidad de viajes de ida y vuelta).
- Optimiza el orden en que se cargan los recursos críticos restantes: Descarga 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 la pila
Magento
Si no estás creando un paquete con tus recursos de JavaScript, considera usar baler.
Recursos
Código fuente de la auditoría Minimiza la profundidad de las solicitudes críticas