简介

速率

宽带
b/s(bps)

延迟/时延

测速

判断用户网络类型， 进行分流。
网络测试：
rtt, 往返时延

图片资源测速

  1. var image = new Image()
  2. image.src = 'pic.png/400kb'; // 
  3. var startTime = Date.now()
  4. image.onload = function () {
  5.     var endTime = Date.now()
  6.   var netSpeed = 400 / (endTime - startTime); // bps
  7. }

多普勒测速

判断网络类型

方式1:

  1. navigator.connection
  2. {
  3.   downlink: 8.25
  4.   effectiveType: "4g"
  5.   onchange: null
  6.   rtt: 100
  7.   saveData: false
  8. }
  10. performance.timing
  11. {
  12.   connectEnd: 1589631800135
  13.   connectStart: 1589631800003
  14.   domComplete: 1589631800649
  15.   domContentLoadedEventEnd: 1589631800463
  16.   domContentLoadedEventStart: 1589631800463
  17.   domInteractive: 1589631800463
  18.   domLoading: 1589631800253
  19.   domainLookupEnd: 1589631800003
  20.   domainLookupStart: 1589631800003
  21.   fetchStart: 1589631799972
  22.   loadEventEnd: 1589631800649
  23.   loadEventStart: 1589631800649
  24.   navigationStart: 1589631799970
  25.   redirectEnd: 0
  26.   redirectStart: 0
  27.   requestStart: 1589631800135
  28.   responseEnd: 1589631800249
  29.   responseStart: 1589631800247
  30.   secureConnectionStart: 1589631800046
  31.   unloadEventEnd: 0
  32.   unloadEventStart: 0
  33. }

方式2: UA, 不准确不推荐

  1. navigator.userAgent

应用

https://www.speedtest.cn/

  • 上传
  • 下载
  • PING
  • 丢包
  • 抖动