Фоновая загрузка изображений
 

Есть некий массив, содержащий ссылки на картинки. Картинки массива используются в слайдере, и подгружаются по требованию. Однако, из-за этого переход от слайда к слайду не равномерный. Как можно загрузить картинки фоново, через 2 секунды, после загрузки всей страницы?
Пока вот что есть:

setTimeout( function() {
	Promise.all( [
		function loadImageAsync() {
			var slides = JSON.parse( canvasContainer.getAttribute( 'data-slides' ) );
			for( let i = 0; i < slides.length; i++ ) {
				new Promise( ( resolve, reject ) => {
					const img = new Image();
					img.src = slides[i].src;
					img.onload = resolve;
				});
			}
		}
	] )
	.then( images => {
		console.log(234234)
	});
}, 1000 );

Дело в том, что картинок может быть много, и хотелось бы чтобы первая общая загрузка страницы быстро прошла: условно загружается только первая картинка. И в то же время слайдер был без задержек.

А, вроде получилось:

setTimeout( function() {
	var slides = JSON.parse( canvasContainer.getAttribute( 'data-slides' ) );
	for( let i = 0; i < slides.length; i++ ) {
		img = new Image();
		img.src = slides[i].src;
	}
}, 1000 );