Можно ли измерить скорость загрузки контента вставляемого в DOM?

Question

[Владимир Т.]

Например вставляем в DOM несколько тегов img. Можно ли измерить или отловить процесс загрузки их содержимого?

Answer 1

[Илья Шатохин]

var timer = Date.now(),
    img = new Image();

						img.onerror = errback;
						img.onload= callback;
						img.src = '/static/img.png';

function errback (err) {
    console.log((Date.now() - timer) + " ms", err);
}

function callback () {
    console.log((Date.now() - timer) + " ms"); // или использовать console.time, для простой отладки в консоли
    document.getElementsByTagName('body')[0].appendChild(img); // можно было вставить сразу в DOM, не дожидаясь загрузки
}