Pridajte počiatočné a koncové značky skriptu do oblasti hlavičky webovej stránky (za počiatočnú značku, ale pred koncovú značku), napríklad:
Medzi počiatočnú a koncovú značku skriptu pridajte nasledujúci kód, pričom nahraďte „myimage.jpg“ názvom súboru obrázka, ktorý chcete použiť na test rýchlosti. Časť adresy "?n=" + Math.random(), ktorá je vytvorená a priradená k imageAddr, oklame webový prehliadač, aby zakaždým načítal obrázok namiesto použitia lokálnej verzie uloženej vo vyrovnávacej pamäti. Použite obrázok s veľkosťou súboru približne 200 kB.
Pridajte nasledujúci kód na ďalší riadok skriptu, aby ste vytvorili premenné na uloženie času začiatku, času ukončenia testu a veľkosti sťahovania. Nastavte "downloadSize" na veľkosť súboru obrázka v bajtoch.
Pridajte nasledujúci kód na nastavenie obrázka, ktorý sa stiahne na test. "download" je nastavený ako objekt Image. Akcia na zachytenie konca sťahovania je priradená k aktivácii po dokončení sťahovania obrázka.
Pridajte nasledujúcu funkciu do skriptu, ktorý vypočíta výsledky testu rýchlosti. Najprv vypočíta trvanie a prevedie milisekundy na sekundy. Ďalej prevedie veľkosť sťahovania na bity, vypočíta rýchlosť sťahovania a prevedie rýchlosť na kbps a Mbps. Nakoniec sa zobrazí okno so správou s výsledkami.
function showResults () { var trvanie = Math.round((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / trvanie) GO var speedKbps = (speedBps / 1024).toFixed (2) GO var rýchlosť Mb/s = (rýchlosť kb/s / 1024). na pevné (2) upozornenie GO („Rýchlosť vášho pripojenia je: \n“ + rýchlosť B/s + „ b/s\n“ + rýchlosť kb/s + „ kb/s\n“ + rýchlosť Mb/s + „ Mbps\n") GO }
Otvorte stránku vo svojom prehliadači a otestujte ju, aby ste sa uistili, že skript funguje správne. Môže trvať niekoľko sekúnd, kým sa okno so správou zobrazí s výsledkami testu.
Tip
JavaScript meria rýchlosť medzi počítačom, ktorý si prezerá webovú stránku, a webom, na ktorom sa nachádza obrázok použitý na test. Ak testujete pripojenie k vlastnej webovej lokalite, hostite obrázok na svojej vlastnej webovej lokalite. Otestujte všeobecnú rýchlosť pripojenia poskytnutím adresy obrázku hosťovanému na stránke s veľkou šírkou pásma a rýchlosťou, ako je flickr alebo Amazon.