Як визначити швидкість підключення за допомогою JavaScript

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

Додайте наступний код між початковим і кінцевим тегами сценарію, замінивши "myimage.jpg" ім'ям файлу зображення, яке ви хочете використовувати для тесту швидкості. Частина адреси "?n=" + Math.random(), яка створюється і призначається imageAddr, змушує веб-браузер щоразу отримувати зображення замість використання локально кешованої версії. Використовуйте зображення розміром приблизно 200 кілобайт.

Додайте наступний код у наступний рядок сценарію, щоб створити змінні для зберігання часу початку, часу закінчення та розміру завантаження тесту. Встановіть «downloadSize» на розмір файлу зображення в байтах.

Додайте наступний код, щоб налаштувати зображення, яке буде завантажено для тесту. "завантажити" налаштовується як об'єкт Image. Дія для запису кінця завантаження призначається для активації після завершення завантаження зображення.

Додайте до сценарію таку функцію, яка обчислює результати тесту швидкості. Спочатку він обчислює тривалість, перетворюючи мілісекунди в секунди. Далі він перетворює розмір завантаження в біти, обчислює швидкість завантаження та перетворює швидкість у кбіт/с та Мбіт/с. Нарешті, з’являється вікно повідомлення з результатами.

function showResults () { var duration = Math.round((endTime - startTime) / 1000); var bitsLoaded = DownloadSize * 8 GO var speedBps = Math.round (bitsLoaded / тривалість) 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.