[javascript] 자바스크립트 지연 로딩을 사용하여 웹페이지의 로딩 시간을 어떻게 측정할 수 있나요?
자바스크립트를 사용한 지연 로딩을 측정하는 방법 중 하나는 PerformanceTiming
API를 활용하는 것입니다. 다음은 간단한 예제 코드입니다.
window.onload = function() {
var timing = window.performance.timing;
var loadTime = timing.domContentLoadedEventEnd - timing.navigationStart;
console.log('로딩 시간: ' + loadTime + 'ms');
}
위 코드는 페이지의 모든 자원이 완전히 로드된 후 onload
이벤트를 통해 페이지 로딩 시간을 측정합니다. performance.timing
객체를 사용하여 페이지 로딩 시간을 계산하고 콘솔에 출력합니다.
이를 통해 지연 로딩을 사용하여 웹페이지의 로딩 시간을 측정할 수 있습니다.
참고 자료:
- https://developer.mozilla.org/en-US/docs/Web/API/PerformanceTiming
- https://www.w3schools.com/jsref/obj_performance.asp