Las cadenas de peticiones críticas son una serie de peticiones de red dependientes necesarias para la representación de la página. Aprenderá a lidiar con este problema o a evitarlo. Lea a continuación.
¿Qué es una solicitud crítica?
Una petición crítica es una petición que se requiere para renderizar la página. Esto significa que si la petición falla, la página no podrá ser renderizada. Las peticiones críticas deben tener prioridad sobre las demás peticiones para garantizar que se completen con éxito.
Hay varias formas de hacer una petición crítica. La forma más común es utilizar el atributo async en la etiqueta script. Esto le dice al navegador que continúe cargando otros recursos mientras se descarga este script. Otra forma de realizar una petición crítica es incluir el recurso en el propio código HTML. Esto asegura que el navegador no tendrá que esperar otro viaje de ida y vuelta para obtener el recurso, pero aumenta el tamaño del código HTML.
Es esencial hacer sólo las peticiones críticas de los recursos que son necesarios para la representación de la página. Realizar demasiadas peticiones críticas puede retrasar la carga de la página y, en última instancia, provocar una mala experiencia de usuario.
¿Cómo evitar el encadenamiento de peticiones críticas?
- Utilizar la técnica de fragmentación de dominios: Una de las principales formas de evitar el encadenamiento de peticiones críticas es utilizar el método de fragmentación de dominios. La fragmentación de dominios le permite dividir su contenido en varios dominios, lo que puede ayudar a reducir el número de búsquedas de DNS y mejorar los tiempos de carga de la página.
- Uso de CDN: Una CDN puede ayudar a mejorar los tiempos de carga de las páginas al almacenar el contenido en caché en servidores de todo el mundo, lo que facilita y acelera el acceso de los visitantes a su contenido.
- Optimizar el rendimiento de su sitio web: También puedes evitar el encadenamiento de peticiones críticas optimizando tu sitio web para el rendimiento. Esto incluye minificar los archivos HTML, CSS y JavaScript, comprimir las imágenes y utilizar un plugin de caché.
Alternativas al encadenamiento de peticiones críticas
Hay algunas alternativas al encadenamiento de peticiones críticas que pueden ayudar a mejorar el rendimiento:
1. Inlining de recursos: Esto significa incrustar recursos pequeños y críticos directamente en el código HTML en lugar de hacer peticiones HTTP separadas para ellos. Esto se puede conseguir utilizando URIs de datos o scripts y estilos en línea.
2. Precarga de recursos: Esto le dice al navegador que busque recursos específicos con antelación, para que estén disponibles cuando se necesiten. Puedes hacerlo mediante la etiqueta Link o Resource Hints.
3. Almacenamiento de recursos en caché: El almacenamiento en caché almacena los recursos de acceso frecuente de forma local, de modo que no es necesario recuperarlos del servidor cada vez que se utilizan. Para ello se pueden utilizar cabeceras de caché o service workers.
4. Optimizar el orden de las solicitudes: El orden en el que se realizan las solicitudes de recursos puede afectar al rendimiento, por lo que es importante asegurarse de que los recursos críticos se solicitan primero. Para ello, puedes utilizar la palabra clave de precarga o cambiar manualmente el orden de solicitud de los recursos.
5. Minimizar los tiempos de ida y vuelta: El tiempo de ida y vuelta (RTT) es el tiempo que tarda una petición en viajar desde el navegador hasta el servidor y de vuelta. Reducir el RTT puede ayudar a mejorar el rendimiento, y hay algunas formas de hacerlo: utilizar conexiones persistentes, optimizar las búsquedas de DNS y reducir las redirecciones.
Conclusión
Esperamos que este artículo le haya ayudado a comprender la importancia de evitar el encadenamiento de peticiones críticas. Al hacerlo, puede mejorar la velocidad de carga de su sitio web y ofrecer una mejor experiencia a sus usuarios. Recuerda probar tus cambios antes de implementarlos en tu sitio en vivo, y si tienes alguna pregunta, no dudes en ponerte en contacto con nuestro equipo de soporte para obtener ayuda.
