Evite encadenar solicitudes críticas
Published on • Updated on
Las cadenas de solicitudes críticas son una serie de solicitudes de red dependientes importantes para la representación de páginas. Cuanto mayor sea la longitud de las cadenas y los tamaños de descarga, más significativo será el impacto en el rendimiento de carga de la página.
Lighthouse informa sobre las solicitudes críticas cargadas con una prioridad alta:
![Una captura de pantalla de la auditoría de Minimización de profundidad de solicitudes críticas de Lighthouse](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.
Cómo identifica Lighthouse las cadenas de solicitudes críticas
Lighthouse utiliza la prioridad de red como proxy para identificar los recursos críticos que bloquean el renderizado. Consulte la 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 las cadenas de solicitudes críticas, el tamaño 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
Utilice los resultados de la auditoría de cadenas de solicitudes críticas para enfocarse en los recursos que tienen el mayor efecto en la carga de la página:
- Minimice la cantidad de recursos críticos: elimínelos, difiera su descarga, márquelos como
async
, etc. - Optimice el número de bytes críticos para reducir el tiempo de descarga (número de viajes de ida y vuelta).
- Optimice el orden en el que se cargan los recursos críticos restantes: descargue todos los activos críticos lo antes posible para acortar la longitud de la ruta crítica.
Obtenga más información sobre cómo optimizar sus imágenes, JavaScript, CSS y fuentes web.
Directrices específicas según la pila
Magento
Si no está agrupando sus activos de JavaScript, considere usar baler.
Recursos
Código fuente para minimizar la auditoría de Minimización de profundidad de solicitudes críticas
Updated on • Improve article