speedtest_worker.js 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395
  1. /*
  2. HTML5 Speedtest v4.2.5
  3. by Federico Dossena
  4. https://github.com/adolfintel/speedtest/
  5. GNU LGPLv3 License
  6. */
  7. // data reported to main thread
  8. var testStatus = 0 // 0=not started, 1=download test, 2=ping+jitter test, 3=upload test, 4=finished, 5=abort/error
  9. var dlStatus = '' // download speed in megabit/s with 2 decimal digits
  10. var ulStatus = '' // upload speed in megabit/s with 2 decimal digits
  11. var pingStatus = '' // ping in milliseconds with 2 decimal digits
  12. var jitterStatus = '' // jitter in milliseconds with 2 decimal digits
  13. var clientIp = '' // client's IP address as reported by getIP.php
  14. // test settings. can be overridden by sending specific values with the start command
  15. var settings = {
  16. time_ul: 15, // duration of upload test in seconds
  17. time_dl: 15, // duration of download test in seconds
  18. time_ulGraceTime: 3, //time to wait in seconds before actually measuring ul speed (wait for buffers to fill)
  19. time_dlGraceTime: 1.5, //time to wait in seconds before actually measuring dl speed (wait for TCP window to increase)
  20. count_ping: 35, // number of pings to perform in ping test
  21. url_dl: 'garbage.php', // path to a large file or garbage.php, used for download test. must be relative to this js file
  22. url_ul: 'empty.php', // path to an empty file, used for upload test. must be relative to this js file
  23. url_ping: 'empty.php', // path to an empty file, used for ping test. must be relative to this js file
  24. url_getIp: 'getIP.php', // path to getIP.php relative to this js file, or a similar thing that outputs the client's ip
  25. xhr_dlMultistream: 10, // number of download streams to use (can be different if enable_quirks is active)
  26. xhr_ulMultistream: 3, // number of upload streams to use (can be different if enable_quirks is active)
  27. xhr_ignoreErrors: 1, // 0=fail on errors, 1=attempt to restart a stream if it fails, 2=ignore all errors
  28. xhr_dlUseBlob: false, // if set to true, it reduces ram usage but uses the hard drive (useful with large garbagePhp_chunkSize and/or high xhr_dlMultistream)
  29. garbagePhp_chunkSize: 20, // size of chunks sent by garbage.php (can be different if enable_quirks is active)
  30. enable_quirks: true, // enable quirks for specific browsers. currently it overrides settings to optimize for specific browsers, unless they are already being overridden with the start command
  31. allow_fetchAPI: false, // enables Fetch API. currently disabled because it leaks memory like no tomorrow
  32. force_fetchAPI: false, // when Fetch API is enabled, it will force usage on every browser that supports it
  33. overheadCompensationFactor: 1048576/925000 //compensation for HTTP+TCP+IP+ETH overhead. 925000 is how much data is actually carried over 1048576 (1mb) bytes downloaded/uploaded. This default value assumes HTTP+TCP+IPv4+ETH with typical MTUs over the Internet. You may want to change this if you're going through your local network with a different MTU or if you're going over IPv6 (see doc.md for some other values)
  34. }
  35. var xhr = null // array of currently active xhr requests
  36. var interval = null // timer used in tests
  37. /*
  38. when set to true (automatically) the download test will use the fetch api instead of xhr.
  39. fetch api is used if
  40. -allow_fetchAPI is true AND
  41. -(we're on chrome that supports fetch api AND enable_quirks is true) OR (we're on any browser that supports fetch api AND force_fetchAPI is true)
  42. */
  43. var useFetchAPI = false
  44. /*
  45. this function is used on URLs passed in the settings to determine whether we need a ? or an & as a separator
  46. */
  47. function url_sep (url) { return url.match(/\?/) ? '&' : '?'; }
  48. /*
  49. listener for commands from main thread to this worker.
  50. commands:
  51. -status: returns the current status as a string of values spearated by a semicolon (;) in this order: testStatus;dlStatus;ulStatus;pingStatus;clientIp;jitterStatus
  52. -abort: aborts the current test
  53. -start: starts the test. optionally, settings can be passed as JSON.
  54. example: start {"time_ul":"10", "time_dl":"10", "count_ping":"50"}
  55. */
  56. this.addEventListener('message', function (e) {
  57. var params = e.data.split(' ')
  58. if (params[0] === 'status') { // return status
  59. postMessage(testStatus + ';' + dlStatus + ';' + ulStatus + ';' + pingStatus + ';' + clientIp + ';' + jitterStatus)
  60. }
  61. if (params[0] === 'start' && testStatus === 0) { // start new test
  62. testStatus = 1
  63. try {
  64. // parse settings, if present
  65. var s = JSON.parse(e.data.substring(5))
  66. if (typeof s.url_dl !== 'undefined') settings.url_dl = s.url_dl // download url
  67. if (typeof s.url_ul !== 'undefined') settings.url_ul = s.url_ul // upload url
  68. if (typeof s.url_ping !== 'undefined') settings.url_ping = s.url_ping // ping url
  69. if (typeof s.url_getIp !== 'undefined') settings.url_getIp = s.url_getIp // url to getIP.php
  70. if (typeof s.time_dl !== 'undefined') settings.time_dl = s.time_dl // duration of download test
  71. if (typeof s.time_ul !== 'undefined') settings.time_ul = s.time_ul // duration of upload test
  72. if (typeof s.enable_quirks !== 'undefined') settings.enable_quirks = s.enable_quirks // enable quirks or not
  73. if (typeof s.allow_fetchAPI !== 'undefined') settings.allow_fetchAPI = s.allow_fetchAPI // allows fetch api to be used if supported
  74. // quirks for specific browsers. more may be added in future releases
  75. if (settings.enable_quirks) {
  76. var ua = navigator.userAgent
  77. if (/Firefox.(\d+\.\d+)/i.test(ua)) {
  78. // ff more precise with 1 upload stream
  79. settings.xhr_ulMultistream = 1
  80. }
  81. if (/Edge.(\d+\.\d+)/i.test(ua)) {
  82. // edge more precise with 3 download streams
  83. settings.xhr_dlMultistream = 3
  84. }
  85. if ((/Safari.(\d+)/i.test(ua)) && !(/Chrome.(\d+)/i.test(ua))) {
  86. // safari more precise with 10 upload streams and 5mb chunks for download test
  87. settings.xhr_ulMultistream = 10
  88. settings.garbagePhp_chunkSize = 5
  89. }
  90. if (/Chrome.(\d+)/i.test(ua) && (!!self.fetch)) {
  91. // chrome can't handle large xhr very well, use fetch api if available and allowed
  92. if (settings.allow_fetchAPI) useFetchAPI = true
  93. // chrome more precise with 5 streams
  94. settings.xhr_dlMultistream = 5
  95. }
  96. }
  97. if (typeof s.count_ping !== 'undefined') settings.count_ping = s.count_ping // number of pings for ping test
  98. if (typeof s.xhr_dlMultistream !== 'undefined') settings.xhr_dlMultistream = s.xhr_dlMultistream // number of download streams
  99. if (typeof s.xhr_ulMultistream !== 'undefined') settings.xhr_ulMultistream = s.xhr_ulMultistream // number of upload streams
  100. if (typeof s.xhr_ignoreErrors !== 'undefined') settings.xhr_ignoreErrors = s.xhr_ignoreErrors // what to do in case of errors during the test
  101. if (typeof s.xhr_dlUseBlob !== 'undefined') settings.xhr_dlUseBlob = s.xhr_dlUseBlob // use blob for download test
  102. if (typeof s.garbagePhp_chunkSize !== 'undefined') settings.garbagePhp_chunkSize = s.garbagePhp_chunkSize // size of garbage.php chunks
  103. if (typeof s.force_fetchAPI !== 'undefined') settings.force_fetchAPI = s.force_fetchAPI // use fetch api on all browsers that support it if enabled
  104. if (typeof s.time_dlGraceTime !== 'undefined') settings.time_dlGraceTime = s.time_dlGraceTime // dl test grace time before measuring
  105. if (typeof s.time_ulGraceTime !== 'undefined') settings.time_ulGraceTime = s.time_ulGraceTime // ul test grace time before measuring
  106. if (typeof s.overheadCompensationFactor !== 'undefined') settings.overheadCompensationFactor = s.overheadCompensationFactor //custom overhead compensation factor (default assumes HTTP+TCP+IP+ETH with typical MTUs)
  107. if (settings.allow_fetchAPI && settings.force_fetchAPI && (!!self.fetch)) useFetchAPI = true
  108. } catch (e) { }
  109. // run the tests
  110. console.log(settings)
  111. console.log('Fetch API: ' + useFetchAPI)
  112. getIp(function () { dlTest(function () { testStatus = 2; pingTest(function () { testStatus = 3; ulTest(function () { testStatus = 4 }) }) }) })
  113. }
  114. if (params[0] === 'abort') { // abort command
  115. clearRequests() // stop all xhr activity
  116. if (interval) clearInterval(interval) // clear timer if present
  117. testStatus = 5; dlStatus = ''; ulStatus = ''; pingStatus = ''; jitterStatus = '' // set test as aborted
  118. }
  119. })
  120. // stops all XHR activity, aggressively
  121. function clearRequests () {
  122. if (xhr) {
  123. for (var i = 0; i < xhr.length; i++) {
  124. if (useFetchAPI) try { xhr[i].cancelRequested = true } catch (e) { }
  125. try { xhr[i].onprogress = null; xhr[i].onload = null; xhr[i].onerror = null } catch (e) { }
  126. try { xhr[i].upload.onprogress = null; xhr[i].upload.onload = null; xhr[i].upload.onerror = null } catch (e) { }
  127. try { xhr[i].abort() } catch (e) { }
  128. try { delete (xhr[i]) } catch (e) { }
  129. }
  130. xhr = null
  131. }
  132. }
  133. // gets client's IP using url_getIp, then calls the done function
  134. function getIp (done) {
  135. xhr = new XMLHttpRequest()
  136. xhr.onload = function () {
  137. clientIp = xhr.responseText
  138. done()
  139. }
  140. xhr.onerror = function () {
  141. done()
  142. }
  143. xhr.open('GET', settings.url_getIp + url_sep(settings.url_getIp) + 'r=' + Math.random(), true)
  144. xhr.send()
  145. }
  146. // download test, calls done function when it's over
  147. var dlCalled = false // used to prevent multiple accidental calls to dlTest
  148. function dlTest (done) {
  149. if (dlCalled) return; else dlCalled = true // dlTest already called?
  150. var totLoaded = 0.0, // total number of loaded bytes
  151. startT = new Date().getTime(), // timestamp when test was started
  152. graceTimeDone = false, //set to true after the grace time is past
  153. failed = false // set to true if a stream fails
  154. xhr = []
  155. // function to create a download stream. streams are slightly delayed so that they will not end at the same time
  156. var testStream = function (i, delay) {
  157. setTimeout(function () {
  158. if (testStatus !== 1) return // delayed stream ended up starting after the end of the download test
  159. if (useFetchAPI) {
  160. xhr[i] = fetch(settings.url_dl + url_sep(settings.url_dl) + 'r=' + Math.random() + '&ckSize=' + settings.garbagePhp_chunkSize).then(function (response) {
  161. var reader = response.body.getReader()
  162. var consume = function () {
  163. return reader.read().then(function (result) {
  164. if (result.done) testStream(i); else {
  165. totLoaded += result.value.length
  166. if (xhr[i].cancelRequested) reader.cancel()
  167. }
  168. return consume()
  169. }.bind(this))
  170. }.bind(this)
  171. return consume()
  172. }.bind(this))
  173. } else {
  174. var prevLoaded = 0 // number of bytes loaded last time onprogress was called
  175. var x = new XMLHttpRequest()
  176. xhr[i] = x
  177. xhr[i].onprogress = function (event) {
  178. if (testStatus !== 1) { try { x.abort() } catch (e) { } } // just in case this XHR is still running after the download test
  179. // progress event, add number of new loaded bytes to totLoaded
  180. var loadDiff = event.loaded <= 0 ? 0 : (event.loaded - prevLoaded)
  181. if (isNaN(loadDiff) || !isFinite(loadDiff) || loadDiff < 0) return // just in case
  182. totLoaded += loadDiff
  183. prevLoaded = event.loaded
  184. }.bind(this)
  185. xhr[i].onload = function () {
  186. // the large file has been loaded entirely, start again
  187. try { xhr[i].abort() } catch (e) { } // reset the stream data to empty ram
  188. testStream(i, 0)
  189. }.bind(this)
  190. xhr[i].onerror = function () {
  191. // error
  192. if (settings.xhr_ignoreErrors === 0) failed=true //abort
  193. try { xhr[i].abort() } catch (e) { }
  194. delete (xhr[i])
  195. if (settings.xhr_ignoreErrors === 1) testStream(i, 100) //restart stream after 100ms
  196. }.bind(this)
  197. // send xhr
  198. try { if (settings.xhr_dlUseBlob) xhr[i].responseType = 'blob'; else xhr[i].responseType = 'arraybuffer' } catch (e) { }
  199. xhr[i].open('GET', settings.url_dl + url_sep(settings.url_dl) + 'r=' + Math.random() + '&ckSize=' + settings.garbagePhp_chunkSize, true) // random string to prevent caching
  200. xhr[i].send()
  201. }
  202. }.bind(this), 1 + delay)
  203. }.bind(this)
  204. // open streams
  205. for (var i = 0; i < settings.xhr_dlMultistream; i++) {
  206. testStream(i, 100 * i)
  207. }
  208. // every 200ms, update dlStatus
  209. interval = setInterval(function () {
  210. var t = new Date().getTime() - startT
  211. if (t < 200) return
  212. if (!graceTimeDone){
  213. if (t > 1000 * settings.time_dlGraceTime){
  214. if (totLoaded > 0){ // if the connection is so slow that we didn't get a single chunk yet, do not reset
  215. startT = new Date().getTime()
  216. totLoaded = 0.0;
  217. }
  218. graceTimeDone = true;
  219. }
  220. }else{
  221. var speed = totLoaded / (t / 1000.0)
  222. dlStatus = ((speed * 8 * settings.overheadCompensationFactor)/1048576).toFixed(2) // speed is multiplied by 8 to go from bytes to bits, overhead compensation is applied, then everything is divided by 1048576 to go to megabits/s
  223. if ((t / 1000.0) > settings.time_dl || failed) { // test is over, stop streams and timer
  224. if (failed || isNaN(dlStatus)) dlStatus = 'Fail'
  225. clearRequests()
  226. clearInterval(interval)
  227. done()
  228. }
  229. }
  230. }.bind(this), 200)
  231. }
  232. // upload test, calls done function whent it's over
  233. // garbage data for upload test
  234. var r = new ArrayBuffer(1048576)
  235. try { r = new Float32Array(r); for (var i = 0; i < r.length; i++)r[i] = Math.random() } catch (e) { }
  236. var req = []
  237. var reqsmall = []
  238. for (var i = 0; i < 20; i++) req.push(r)
  239. req = new Blob(req)
  240. r = new ArrayBuffer(262144)
  241. try { r = new Float32Array(r); for (var i = 0; i < r.length; i++)r[i] = Math.random() } catch (e) { }
  242. reqsmall.push(r)
  243. reqsmall = new Blob(reqsmall)
  244. var ulCalled = false // used to prevent multiple accidental calls to ulTest
  245. function ulTest (done) {
  246. if (ulCalled) return; else ulCalled = true // ulTest already called?
  247. var totLoaded = 0.0, // total number of transmitted bytes
  248. startT = new Date().getTime(), // timestamp when test was started
  249. graceTimeDone = false, //set to true after the grace time is past
  250. failed = false // set to true if a stream fails
  251. xhr = []
  252. // function to create an upload stream. streams are slightly delayed so that they will not end at the same time
  253. var testStream = function (i, delay) {
  254. setTimeout(function () {
  255. if (testStatus !== 3) return // delayed stream ended up starting after the end of the upload test
  256. var prevLoaded = 0 // number of bytes transmitted last time onprogress was called
  257. var x = new XMLHttpRequest()
  258. xhr[i] = x
  259. var ie11workaround
  260. try {
  261. xhr[i].upload.onprogress
  262. ie11workaround = false
  263. } catch (e) {
  264. ie11workaround = true
  265. }
  266. if (ie11workaround) {
  267. // IE11 workarond: xhr.upload does not work properly, therefore we send a bunch of small 256k requests and use the onload event as progress. This is not precise, especially on fast connections
  268. xhr[i].onload = function () {
  269. totLoaded += 262144
  270. testStream(i, 0)
  271. }
  272. xhr[i].onerror = function () {
  273. // error, abort
  274. if (settings.xhr_ignoreErrors === 0) failed = true //abort
  275. try { xhr[i].abort() } catch (e) { }
  276. delete (xhr[i])
  277. if (settings.xhr_ignoreErrors === 1) testStream(i,100); //restart stream after 100ms
  278. }
  279. xhr[i].open('POST', settings.url_ul + url_sep(settings.url_ul) + 'r=' + Math.random(), true) // random string to prevent caching
  280. xhr[i].setRequestHeader('Content-Encoding', 'identity') // disable compression (some browsers may refuse it, but data is incompressible anyway)
  281. xhr[i].send(reqsmall)
  282. } else {
  283. // REGULAR version, no workaround
  284. xhr[i].upload.onprogress = function (event) {
  285. if (testStatus !== 3) { try { x.abort() } catch (e) { } } // just in case this XHR is still running after the upload test
  286. // progress event, add number of new loaded bytes to totLoaded
  287. var loadDiff = event.loaded <= 0 ? 0 : (event.loaded - prevLoaded)
  288. if (isNaN(loadDiff) || !isFinite(loadDiff) || loadDiff < 0) return // just in case
  289. totLoaded += loadDiff
  290. prevLoaded = event.loaded
  291. }.bind(this)
  292. xhr[i].upload.onload = function () {
  293. // this stream sent all the garbage data, start again
  294. testStream(i, 0)
  295. }.bind(this)
  296. xhr[i].upload.onerror = function () {
  297. if (settings.xhr_ignoreErrors === 0) failed=true //abort
  298. try { xhr[i].abort() } catch (e) { }
  299. delete (xhr[i])
  300. if (settings.xhr_ignoreErrors === 1) testStream(i, 100) //restart stream after 100ms
  301. }.bind(this)
  302. // send xhr
  303. xhr[i].open('POST', settings.url_ul + url_sep(settings.url_ul) + 'r=' + Math.random(), true) // random string to prevent caching
  304. xhr[i].setRequestHeader('Content-Encoding', 'identity') // disable compression (some browsers may refuse it, but data is incompressible anyway)
  305. xhr[i].send(req)
  306. }
  307. }.bind(this), 1)
  308. }.bind(this)
  309. // open streams
  310. for (var i = 0; i < settings.xhr_ulMultistream; i++) {
  311. testStream(i, 100 * i)
  312. }
  313. // every 200ms, update ulStatus
  314. interval = setInterval(function () {
  315. var t = new Date().getTime() - startT
  316. if (t < 200) return
  317. if (!graceTimeDone){
  318. if (t > 1000 * settings.time_ulGraceTime){
  319. if (totLoaded > 0){ // if the connection is so slow that we didn't get a single chunk yet, do not reset
  320. startT = new Date().getTime()
  321. totLoaded = 0.0;
  322. }
  323. graceTimeDone = true;
  324. }
  325. }else{
  326. var speed = totLoaded / (t / 1000.0)
  327. ulStatus = ((speed * 8 * settings.overheadCompensationFactor)/1048576).toFixed(2) // speed is multiplied by 8 to go from bytes to bits, overhead compensation is applied, then everything is divided by 1048576 to go to megabits/s
  328. if ((t / 1000.0) > settings.time_ul || failed) { // test is over, stop streams and timer
  329. if (failed || isNaN(ulStatus)) ulStatus = 'Fail'
  330. clearRequests()
  331. clearInterval(interval)
  332. done()
  333. }
  334. }
  335. }.bind(this), 200)
  336. }
  337. // ping+jitter test, function done is called when it's over
  338. var ptCalled = false // used to prevent multiple accidental calls to pingTest
  339. function pingTest (done) {
  340. if (ptCalled) return; else ptCalled = true // pingTest already called?
  341. var prevT = null // last time a pong was received
  342. var ping = 0.0 // current ping value
  343. var jitter = 0.0 // current jitter value
  344. var i = 0 // counter of pongs received
  345. var prevInstspd = 0 // last ping time, used for jitter calculation
  346. xhr = []
  347. // ping function
  348. var doPing = function () {
  349. prevT = new Date().getTime()
  350. xhr[0] = new XMLHttpRequest()
  351. xhr[0].onload = function () {
  352. // pong
  353. if (i === 0) {
  354. prevT = new Date().getTime() // first pong
  355. } else {
  356. var instspd = (new Date().getTime() - prevT)
  357. var instjitter = Math.abs(instspd - prevInstspd)
  358. if (i === 1) ping = instspd; /* first ping, can't tell jitter yet*/ else {
  359. ping = ping * 0.9 + instspd * 0.1 // ping, weighted average
  360. jitter = instjitter > jitter ? (jitter * 0.2 + instjitter * 0.8) : (jitter * 0.9 + instjitter * 0.1) // update jitter, weighted average. spikes in ping values are given more weight.
  361. }
  362. prevInstspd = instspd
  363. }
  364. pingStatus = ping.toFixed(2)
  365. jitterStatus = jitter.toFixed(2)
  366. i++
  367. if (i < settings.count_ping) doPing(); else done() // more pings to do?
  368. }.bind(this)
  369. xhr[0].onerror = function () {
  370. // a ping failed, cancel test
  371. if (settings.xhr_ignoreErrors === 0) { //abort
  372. pingStatus = 'Fail'
  373. jitterStatus = 'Fail'
  374. clearRequests()
  375. done()
  376. }
  377. if (settings.xhr_ignoreErrors === 1) doPing() //retry ping
  378. if (settings.xhr_ignoreErrors === 2){ //ignore failed ping
  379. i++
  380. if (i < settings.count_ping) doPing(); else done() // more pings to do?
  381. }
  382. }.bind(this)
  383. // sent xhr
  384. xhr[0].open('GET', settings.url_ping + url_sep(settings.url_ping) + 'r=' + Math.random(), true) // random string to prevent caching
  385. xhr[0].send()
  386. }.bind(this)
  387. doPing() // start first ping
  388. }