[javascript] 자바스크립트 지연 로딩을 사용하여 웹페이지의 로딩 시간을 어떻게 측정할 수 있나요?

자바스크립트를 사용한 지연 로딩을 측정하는 방법 중 하나는 PerformanceTiming API를 활용하는 것입니다. 다음은 간단한 예제 코드입니다.

window.onload = function() {
  var timing = window.performance.timing;
  var loadTime = timing.domContentLoadedEventEnd - timing.navigationStart;
  console.log('로딩 시간: ' + loadTime + 'ms');
}

위 코드는 페이지의 모든 자원이 완전히 로드된 후 onload 이벤트를 통해 페이지 로딩 시간을 측정합니다. performance.timing 객체를 사용하여 페이지 로딩 시간을 계산하고 콘솔에 출력합니다.

이를 통해 지연 로딩을 사용하여 웹페이지의 로딩 시간을 측정할 수 있습니다.

참고 자료: