Добавете начални и крайни маркери на скрипт в областта на заглавката на уеб страницата (след началния маркер, но преди крайния маркер), например:
Добавете следния код между началния и крайния маркер на скрипта, като замените "myimage.jpg" с името на файла на изображението, което искате да използвате за теста за скорост. Частта "?n=" + Math.random() от адреса, която е изградена и присвоена на imageAddr, подмамва уеб браузъра да извлича изображението всеки път, вместо да използва локално кеширана версия. Използвайте изображение с размер на файла приблизително 200 килобайта.
Добавете следния код на следващия ред на скрипта, за да създадете променливите за съхраняване на началния час, крайния час и размера на изтеглянето на теста. Задайте "downloadSize" на размера на файла с изображение в байтове.
Добавете следния код, за да настроите изображението, което ще бъде изтеглено за теста. "download" е настроен като обект на изображение. Действието за заснемане на края на изтеглянето е назначено да се активира, когато изтеглянето на изображението завърши.
Добавете следната функция към скрипта, който изчислява показва резултатите от теста за скорост. Първо, той изчислява продължителността, като преобразува милисекунди в секунди. След това преобразува размера на изтегляне в битове, изчислява скоростта на изтегляне и преобразува скоростта в kbps и Mbps. Накрая изскача поле за съобщение с резултатите.
функция 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 сигнал („Скоростта на вашата връзка е: \n“ + speedBps + „bps\n“ + speedKbps + „kbps\n“ + speedMbps + " Mbps\n") GO }
Отворете страницата в браузъра си и я тествайте, за да се уверите, че скриптът работи правилно. Може да отнеме няколко секунди, докато полето за съобщение се появи с резултатите от теста.
Бакшиш
JavaScript измерва скоростта между компютъра, който преглежда уеб страницата, и сайта, който хоства изображението, използвано за теста. Ако тествате връзката към вашия собствен уебсайт, хоствайте изображението на вашия собствен уебсайт. Тествайте общата скорост на връзката, като предоставите адреса на изображение, хоствано на сайт с много честотна лента и скорост, като например flickr или Amazon.