延迟更改图像源

Question

我已经编写了这个Java Script函数来更改图像源：

function showPicture(obj) {
    var itemId = getRandomArbitrary(0, 6);
    obj.src = list[itemId].src;
    obj.dataset.start = Date.now();
    obj.dataset.id = list[itemId].id;
    obj.style.display = "block";
}

我认为showPicture（）之间存在延迟，具体取决于图像大小，并且图片会在浏览器中显示。我该如何衡量呢？或者是否有类似OnImageFinishedRendered的事件？

图片已预先加载并通过浏览器缓存提供。