소개

BOM(Browser Object Model)은 웹 브라우저에서 제공하는 객체들의 모임입니다. 이 객체들을 활용하여 브라우저의 웹 전송속도를 측정할 수 있습니다. 이번 블로그 포스트에서는 BOM을 활용하여 브라우저의 웹 전송속도를 측정하는 방법에 대해 알아보겠습니다.

BOM을 사용한 웹 전송속도 측정 방법

1. 페이지 로딩 시간 측정:

   var startTime = new Date().getTime();
   window.onload = function() {
      var endTime = new Date().getTime();
      var loadTime = endTime - startTime;
      console.log("페이지 로딩 시간: " + loadTime + "ms");
   };
   

   위의 코드는 페이지 로딩이 완료될 때까지의 시간을 측정합니다. 측정된 시간은 loadTime 변수에 저장되고, 콘솔에 출력됩니다.

2. 파일 다운로드 시간 측정:

   var fileUrl = "https://example.com/file.pdf";
   var startTime = new Date().getTime();
   var xhr = new XMLHttpRequest();
   xhr.open('GET', fileUrl, true);
   xhr.responseType = "blob";
   xhr.onload = function(e) {
      var endTime = new Date().getTime();
      var downloadTime = endTime - startTime;
      console.log("파일 다운로드 시간: " + downloadTime + "ms");
   };
   xhr.send();
   

   위의 코드는 주어진 파일의 다운로드 시간을 측정합니다. 측정된 시간은 downloadTime 변수에 저장되고, 콘솔에 출력됩니다.

관련 참고 자료

• MDN Web Docs - BOM
• MDN Web Docs - XMLHttpRequest

#web #performance