¿Qué sucede con los recursos externos que el navegador lee al analizar HTML?

El navegador envía solicitudes HTTP separadas para cada recurso externo especificado en HTML (archivos CSS, archivos JavaScript, imágenes, fuentes, etc.). Estas solicitudes se procesan en paralelo para optimizar la carga. Hasta que se recibe la respuesta a la solicitud, el navegador puede seguir analizando HTML, pero no puede aplicar estilos de CSS externos ni ejecutar scripts de JavaScript externos hasta que se carguen.

Para optimizar el procesamiento de estos recursos, se aplican diversos mecanismos:

• Caché: El navegador puede almacenar copias de los recursos en el disco local y usarlas en solicitudes posteriores, reduciendo el tiempo de carga.
• Prioridad de carga: El navegador determina el orden de carga de los recursos, dando prioridad a aquellos necesarios para la visualización rápida de la parte visible de la página (Critical Rendering Path).
• Preload y Preconnect: Mecanismos para cargar previamente o establecer conexiones con recursos que se necesitarán más tarde.
• Carga diferida (Lazy Loading): Recursos como imágenes pueden cargarse solo cuando se vuelven visibles en la ventana del navegador.
• Minificación y compresión: Reducción del tamaño de los recursos antes de su transmisión por la red.