JavaScript를 사용하여 인터넷 속도를 어떻게 측정할 수 있나요?

JavaScript로 인터넷 속도 감지

많은 애플리케이션에는 사용자의 인터넷 속도를 측정하는 기능이 필요합니다. 항상 정확하지는 않지만 사용자의 연결성에 대한 유용한 표시를 제공할 수 있습니다.

접근 방식

해결책에는 알려진 파일 크기의 이미지를 로드하고 로드하는 데 걸린 시간을 기준으로 한 속도입니다. 이는 다음과 같이 수행됩니다.

1. 이미지를 로드하고 온로드 핸들러를 설정합니다.
2. Date.getTime()을 사용하여 이미지 로드의 시작 및 종료 시간을 측정합니다.
3. 이미지를 로드하는 데 걸리는 시간을 초 단위로 계산합니다.
4. 파일 크기를 비트 단위로 나누는 시간 속도는 초당 비트(bps) 단위입니다.
5. 더 나은 가독성을 위해 속도를 초당 킬로비트(kbps)와 초당 메가비트(mbps)로 변환합니다.

예

다음 코드는 이를 구현합니다. 접근 방법:

var imageAddr = "https://example.com/image.png";
var downloadSize = 7300000; //bytes

function MeasureConnectionSpeed() {
  var startTime, endTime;
  var download = new Image();
  download.onload = function () {
    endTime = (new Date()).getTime();
    showResults();
  };
  
  download.onerror = function (err, msg) {
    ShowProgressMessage("Invalid image, or error downloading");
  }
  
  startTime = (new Date()).getTime();
  var cacheBuster = "?nnn=" + startTime;
  download.src = imageAddr + cacheBuster;
  
  function showResults() {
    var duration = (endTime - startTime) / 1000; //seconds
    var bitsLoaded = downloadSize * 8;
    var speedBps = (bitsLoaded / duration).toFixed(2);
    var speedKbps = (speedBps / 1024).toFixed(2);
    var speedMbps = (speedKbps / 1024).toFixed(2);
    ShowProgressMessage("Your connection speed is:");
    ShowProgressMessage(speedBps + " bps");
    ShowProgressMessage(speedKbps + " kbps");
    ShowProgressMessage(speedMbps + " mbps");
  }
}

위 내용은 JavaScript를 사용하여 인터넷 속도를 어떻게 측정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!