Tilføj start- og afslutningsscript-tags i sidehovedområdet på websiden (efter start-tagget, men før slut-tagget), for eksempel:
Tilføj følgende kode mellem start- og slutscript-tags, og erstat "myimage.jpg" med filnavnet på det billede, du vil bruge til hastighedstesten. "?n=" + Math.random()-delen af adressen, der er bygget og tildelt til imageAddr, narrer webbrowseren til at hente billedet hver gang i stedet for at bruge en lokalt cachelagret version. Brug et billede med en filstørrelse på cirka 200 kilobyte.
Tilføj følgende kode på den næste linje i scriptet for at oprette variablerne til at gemme testens starttidspunkt, sluttidspunkt og downloadstørrelse. Indstil "downloadSize" til størrelsen af billedfilen i bytes.
Tilføj følgende kode for at konfigurere det billede, der skal downloades til testen. "download" er sat op som et billedobjekt. Handlingen for at fange slutningen af overførslen er tildelt til at aktivere, når billedoverførslen er fuldført.
Tilføj følgende funktion til scriptet, der beregner viser hastighedstestresultaterne. Først beregner den varigheden og konverterer millisekunder til sekunder. Dernæst konverterer den downloadstørrelsen til bits, beregner downloadhastigheden og konverterer hastigheden til kbps og Mbps. Til sidst dukker der en beskedboks op med resultaterne.
function showResults () { var duration = Math.round((endTime - startTime) / 1000); var bitsLoaded = downloadStørrelse * 8 GO var speedBps = Math.round (bitsLoaded / varighed) GO var speedKbps = (speedBps / 1024).toFixed (2) GO var speedMbps = (speedKbps / 1024).toFixed (2) GO-advarsel ("Din forbindelseshastighed er: \n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mbps\n") GO }
Åbn siden i din browser, og test den for at sikre, at scriptet fungerer korrekt. Det kan tage et par sekunder, før meddelelsesboksen dukker op med testresultaterne.
Tip
JavaScript'et måler hastigheden mellem computeren, der ser websiden, og webstedet, der er vært for billedet, der bruges til testen. Hvis du tester forbindelsen til din egen hjemmeside, skal du hoste billedet på din egen hjemmeside. Test den generelle forbindelseshastighed ved at give adressen til et billede, der er hostet på et websted med masser af båndbredde og hastighed, såsom flickr eller Amazon.
