Lisää aloitus- ja loppukooditunnisteet verkkosivun otsikkoalueelle (aloitustunnisteen jälkeen, mutta ennen lopputunnistetta), esimerkiksi:
Lisää seuraava koodi aloitus- ja loppukooditunnisteiden väliin ja korvaa "omakuvani.jpg" sen kuvan tiedostonimellä, jota haluat käyttää nopeustestissä. Osoitteen "?n=" + Math.random()-osa, joka on rakennettu ja määritetty imageAddr: lle, huijaa verkkoselaimen noutamaan kuvan joka kerta sen sijaan, että se käyttäisi paikallisesti välimuistissa olevaa versiota. Käytä kuvaa, jonka tiedostokoko on noin 200 kilotavua.
Lisää seuraava koodi skriptin seuraavalle riville luodaksesi muuttujat testin alkamisajan, päättymisajan ja latauskoon tallentamiseksi. Aseta "downloadSize" kuvatiedoston kooksi tavuina.
Lisää seuraava koodi määrittääksesi testiä varten ladattavan kuvan. "lataus" on asetettu kuvaobjektiksi. Latauksen lopun sieppaustoiminto on määritetty aktivoitumaan, kun kuvan lataus on valmis.
Lisää seuraava funktio skriptiin, joka laskee nopeustestin tulokset. Ensin se laskee keston ja muuntaa millisekunnit sekunneiksi. Seuraavaksi se muuntaa latauskoon bitteiksi, laskee latausnopeuden ja muuntaa nopeuden kbps: ksi ja Mbps: ksi. Lopulta se ponnahtaa esiin viestilaatikon tuloksista.
function showResults () { var kesto = Math.round((loppuaika - aloitusaika) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / kesto) GO var speedKbps = (speedBps / 1024).toFixed (2) GO var speedMbps = (speedKbps / 1024).toFixed (2) GO-hälytys ("Yhteytesi nopeus on: \n" + speedBps + "bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") GO }
Avaa sivu selaimessasi ja testaa sitä varmistaaksesi, että komentosarja toimii oikein. Saattaa kestää muutaman sekunnin, ennen kuin testitulosten viestiruutu tulee näkyviin.
Kärki
JavaScript mittaa nopeutta verkkosivua katselevan tietokoneen ja testiin käytetyn kuvan isännöivän sivuston välillä. Jos testaat yhteyttä omaan verkkosivustoosi, isännöi kuvaa omalla verkkosivustollasi. Testaa yleistä yhteyden nopeutta antamalla osoite suurella kaistanleveydellä ja -nopeudella isännöidylle kuvalle, kuten Flickr tai Amazon.
