Как лучше определить оптимальную картинку для загрузки?

Question

[Константин Самсин]

Вот функция для определения какую картинку загружать(к drawImage не приставать).

function EconomicImage(smallImage,BigImage,canvasId) {
	var a = Date.now();
	var img = new Image();
	img.src = smallImage;
	img.onload = function() {
	  var canvas = document.getElementById(canvasId);
	  ctx = canvas.getContext('2d');
	  ctx.drawImage(img, 0, 0);
		var b = Date.now();
		var res = b - a;
		if(res < 500) {
			var BigImg = new Image();
			BigImg.src = BigImage;
			BigImg.onload = function() {
				ctx.clearRect(0, 0, canvas.width, canvas.height);
				ctx.drawImage(BigImg,0,0);
			}
		}
	}
}

Как оптимально реализовывать данную вещь?Желательно на ванильном js,без использования библиотек.

Comments

[Андрей]

Верно ли утверждение, что критерием оптимальность является время загрузки изображения?

[Константин Самсин]

Андрей: На данный момент, скрипт устроен так. Загружается очень маленькая картинка, считается время за которое оно загрузилось, если быстро , то загружается большая.