tai2/speedtest.html

## speedtest.html
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <h1>SPEED TEST</h2>
        <div id="results">
        </div>
    </body>
    <script>
        function measure(suffix, callback) {
            const results = document.getElementById('results')
            const row = document.createElement('div')
            const progress = document.createElement('span')
            const result = document.createElement('span')
            row.appendChild(progress)
            row.appendChild(result)
            results.appendChild(row)

            const t0 = performance.now()
            const xhr = new XMLHttpRequest()
            xhr.addEventListener('load', (ev) => {
                const t1 = performance.now()
                const d = (t1 - t0) / 1000
                const bps = 0.001 * 0.001 * ev.total / d
                result.innerHTML = ` ${d.toFixed(2)} sec ${bps.toFixed(1)} Mbps`
                callback(null)
            })
            xhr.addEventListener('progress', (ev) => {
                const p = 100 * ev.loaded / ev.total
                progress.innerHTML = `${p.toFixed(1)}%`
            })
            xhr.addEventListener('error', (ev) => {
                callback(ev)
            })
            xhr.open('GET', `100mb.bin?${suffix}`)
            xhr.send()
        }

        let count = 0
        function iterateMeasure() {
            measure(count++, error => {
                if (!error) {
                    iterateMeasure()
                }
            })
        }

        iterateMeasure()
    </script>
</html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	<h1>SPEED TEST</h2>
	<div id="results">
	</div>
	</body>
	<script>
	function measure(suffix, callback) {
	const results = document.getElementById('results')
	const row = document.createElement('div')
	const progress = document.createElement('span')
	const result = document.createElement('span')
	row.appendChild(progress)
	row.appendChild(result)
	results.appendChild(row)

	const t0 = performance.now()
	const xhr = new XMLHttpRequest()
	xhr.addEventListener('load', (ev) => {
	const t1 = performance.now()
	const d = (t1 - t0) / 1000
	const bps = 0.001 * 0.001 * ev.total / d
	result.innerHTML = ` ${d.toFixed(2)} sec ${bps.toFixed(1)} Mbps`
	callback(null)
	})
	xhr.addEventListener('progress', (ev) => {
	const p = 100 * ev.loaded / ev.total
	progress.innerHTML = `${p.toFixed(1)}%`
	})
	xhr.addEventListener('error', (ev) => {
	callback(ev)
	})
	xhr.open('GET', `100mb.bin?${suffix}`)
	xhr.send()
	}

	let count = 0
	function iterateMeasure() {
	measure(count++, error => {
	if (!error) {
	iterateMeasure()
	}
	})
	}

	iterateMeasure()
	</script>
	</html>