Cara Mendeteksi Kecepatan Koneksi Dengan JavaScript

Tambahkan tag skrip awal dan akhir di area header halaman web (setelah tag awal tetapi sebelum tag akhir), misalnya:

Tambahkan kode berikut di antara tag skrip awal dan akhir, ganti "myimage.jpg" dengan nama file gambar yang ingin Anda gunakan untuk tes kecepatan. Bagian "?n=" + Math.random() dari alamat yang dibuat dan ditetapkan ke imageAddr mengelabui browser web agar mengambil gambar setiap kali alih-alih menggunakan versi yang di-cache secara lokal. Gunakan gambar dengan ukuran file kurang lebih 200 kilobyte.

Tambahkan kode berikut pada baris skrip berikutnya untuk membuat variabel untuk menyimpan waktu mulai, waktu selesai, dan ukuran unduhan pengujian. Setel "downloadSize" ke ukuran file gambar dalam byte.

Tambahkan kode berikut untuk mengatur gambar yang akan diunduh untuk pengujian. "unduh" diatur sebagai objek Gambar. Tindakan untuk menangkap akhir unduhan ditetapkan untuk diaktifkan saat unduhan gambar selesai.

Tambahkan fungsi berikut ke skrip yang menghitung menampilkan hasil tes kecepatan. Pertama, ia menghitung durasi, mengubah milidetik menjadi detik. Selanjutnya, ia mengubah ukuran unduhan menjadi bit, menghitung kecepatan unduh, dan mengubah kecepatan menjadi kbps dan Mbps. Akhirnya, muncul kotak pesan dengan hasil.

function showResults () { var durasi = Math.round((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / durasi) GO var speedKbps = (speedBps/1024).toFixed (2) GO var speedMbps = (speedKbps / 1024).toFixed (2) GO alert ("Kecepatan koneksi Anda adalah: \n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") PERGI }

Buka halaman di browser Anda, dan uji untuk memastikan skrip berfungsi dengan benar. Mungkin perlu beberapa detik hingga kotak pesan muncul dengan hasil tes.

Tip

JavaScript mengukur kecepatan antara komputer yang melihat halaman web dan situs yang menghosting gambar yang digunakan untuk pengujian. Jika Anda menguji koneksi ke situs web Anda sendiri, host gambar di situs web Anda sendiri. Uji kecepatan koneksi umum dengan memberikan alamat ke gambar yang dihosting di situs dengan banyak bandwidth dan kecepatan seperti flickr atau Amazon.