Carga de Recursos del Navegador: Una Inmersión Profunda en la Caja Negra

Cargar una página web y sus subrecursos implica una compleja interacción de factores. Los navegadores tienen en cuenta los recursos que bloquean la representación, los analizadores de precarga, las sugerencias de recursos (precarga/preconexión), los modificadores de carga (async/defer/module), fetchpriority, imágenes receptivas y mucho más. Luego deciden cuándo cargar cada recurso, optimizando para HTTP/2 y HTTP/3 modernos. Sin embargo, los diferentes navegadores emplean estrategias muy diferentes, a veces incluso retrasando intencionalmente las solicitudes. Esta charla profundiza en el proceso de toma de decisiones detrás de la carga de recursos, mostrando cómo influir en el comportamiento del navegador para priorizar recursos críticos, como la imagen LCP. Analizaremos varias cascadas, explicaremos las discrepancias de los navegadores y ofreceremos soluciones a problemas comunes, sin recurrir a la precarga ciega de todo con fetchpriority=high. Obtendrás una comprensión más profunda de los mecanismos internos del navegador y afrontarás con confianza los desafíos de carga de recursos.