En primer lugar , Bienvenido/a a FDW @LunaLuna
Hay soluciones más avanzadas, pero dado tus pocos conocimientos te doy una más simple
inmediatamente despues del tag body
inserta una capa, por ejemplo
<div id="precargar">
</div>
Posteriormente en esa capa insertá tags <img> para cada imagen que quieras se cargue previamente.
Finalmente, en tu css dale a la capa precarga los siguientes valores
#precargar{
display: none;
}
De esa manera las imágenes ya va a estar disponibles para cuando las muestres más adelante en el documento
Desde ya que este ó cualquier otro procedimiento para precargar las imágenes va a resultar en una demora que va a afectar a todo el documento.
Saludos