Evite encadenar solicitudes críticas

Published on Updated on

Translated to: English, Português, 한국어, 中文, Pусский, 日本語

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

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

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.