Laboratorio HTTP
¿Qué cambia con <link rel="preload">?
Abrí DevTools → Network, activá Disable cache y elegí Fast 3G. Después probá ambas páginas y compará cuándo empieza a descargarse hero.bmp.
Prueba A
Sin preload
La imagen se descubre tarde.
Prueba B
Con preload
La descarga comienza desde el head.
Qué buscar en la cascada
En ambos casos la imagen se inserta a los 800 ms. Con preload, el navegador ya conoce el recurso y puede descargarlo antes. No necesariamente reduce el tiempo de descarga: adelanta su descubrimiento y puede mejorar el momento en que queda disponible.