Come rilevare la velocità di connessione con JavaScript

Aggiungi tag script di inizio e fine nell'area dell'intestazione della pagina web (dopo il tag iniziale ma prima del tag finale), ad esempio:

Aggiungi il seguente codice tra i tag di script iniziale e finale, sostituendo "myimage.jpg" con il nome del file dell'immagine che desideri utilizzare per il test di velocità. La parte "?n=" + Math.random() dell'indirizzo che viene creata e assegnata a imageAddr induce il browser Web a recuperare l'immagine ogni volta invece di utilizzare una versione memorizzata nella cache locale. Usa un'immagine con una dimensione del file di circa 200 kilobyte.

Aggiungi il codice seguente nella riga successiva dello script per creare le variabili per memorizzare l'ora di inizio, l'ora di fine e la dimensione del download del test. Imposta "downloadSize" alla dimensione del file immagine in byte.

Aggiungi il seguente codice per impostare l'immagine che verrà scaricata per il test. "download" è impostato come oggetto Immagine. L'azione per acquisire la fine del download è assegnata per l'attivazione al completamento del download dell'immagine.

Aggiungi la seguente funzione allo script che calcola visualizza i risultati del test di velocità. Innanzitutto, calcola la durata, convertendo i millisecondi in secondi. Successivamente, converte la dimensione del download in bit, calcola la velocità di download e converte la velocità in kbps e Mbps. Infine, si apre una finestra di messaggio con i risultati.

function showResults() { var duration = Math.round((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / durata) GO var speedKbps = (speedBps / 1024).toFixed (2) GO var speedMbps = (speedKbps / 1024).toFixed (2) GO alert ("La tua velocità di connessione è: \n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") VAI }

Apri la pagina nel tuo browser e provala per assicurarti che lo script funzioni correttamente. Potrebbero essere necessari alcuni secondi prima che venga visualizzata la finestra di messaggio con i risultati del test.

Consiglio

Il JavaScript misura la velocità tra il computer che visualizza la pagina web e il sito che ospita l'immagine utilizzata per il test. Se stai testando la connessione al tuo sito web, ospita l'immagine sul tuo sito web. Testa la velocità di connessione generale fornendo l'indirizzo a un'immagine ospitata su un sito con molta larghezza di banda e velocità come flickr o Amazon.