Как определить скорость соединения с помощью JavaScript

Добавьте начальный и конечный теги сценария в область заголовка веб-страницы (после начального тега, но перед конечным тегом), например:

Добавьте следующий код между начальным и конечным тегами сценария, заменив «myimage.jpg» именем файла изображения, которое вы хотите использовать для теста скорости. Часть адреса "? N =" + Math.random (), которая создается и назначается imageAddr, обманом заставляет веб-браузер каждый раз получать изображение вместо использования версии, кэшированной локально. Используйте изображение размером примерно 200 килобайт.

Добавьте следующий код в следующую строку скрипта, чтобы создать переменные для хранения времени начала, окончания и размера загрузки теста. Установите "downloadSize" равным размеру файла изображения в байтах.

Добавьте следующий код, чтобы настроить изображение, которое будет загружено для теста. "download" настроен как объект Image. Действие по фиксации окончания загрузки назначается для активации после завершения загрузки изображения.

Добавьте в скрипт следующую функцию, которая вычисляет отображение результатов теста скорости. Сначала он вычисляет продолжительность, переводя миллисекунды в секунды. Затем он преобразует размер загрузки в биты, вычисляет скорость загрузки и преобразует скорость в Кбит / с и Мбит / с. Наконец, появляется окно сообщения с результатами.

функция showResults () {var duration = Math.round ((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / duration) GO var speedKbps = (speedBps / 1024) .toFixed (2) GO var speedMbps = (speedKbps / 1024) .toFixed (2) GO alert ("Скорость вашего соединения: \ n" + speedBps + "bps \ n" + speedKbps + "kbps \ n" + speedMbps + " Мбит / с \ n ") GO}

Откройте страницу в браузере и проверьте ее, чтобы убедиться, что скрипт работает правильно. Появление окна сообщения с результатами теста может занять несколько секунд.

Подсказка

JavaScript измеряет скорость между компьютером, просматривающим веб-страницу, и сайтом, на котором размещено изображение, используемое для теста. Если вы тестируете подключение к своему собственному веб-сайту, разместите изображение на своем собственном веб-сайте. Проверьте общую скорость соединения, указав адрес изображения, размещенного на сайте с большой пропускной способностью и скоростью, например flickr или Amazon.