JAVASCRIPT 페이지 로딩 실행시간 체크

JAVASCRIPT 페이지 로딩 실행시간 체크

아래 그림은 window.performance.timing 을 표현한 그림이다. ( 출처 : https://www.w3.org/TR/navigation-timing/ )

performance.timing

responseEnd 와 loadEventEnd 시간차가 현재 페이지가 실행된 시간이다.

window.onload = function(){

setTimeout(function(){

   var t = performance.timing.loadEventEnd - performance.timing.responseEnd;

console.log(t);

}, 0);

}

페이지를 호출한 시간부터 체크는 navigationStart 와 loadEventEnd 차이를 구하면 된다.