Web sayfasının başlık alanına başlangıç ve bitiş komut dosyası etiketlerini ekleyin (başlangıç etiketinden sonra ancak bitiş etiketinden önce), örneğin:
Hız testi için kullanmak istediğiniz görüntünün dosya adını "myimage.jpg" yerine aşağıdaki kodu başlangıç ve bitiş komut dosyası etiketleri arasına ekleyin. Adresin oluşturulan ve imageAddr'a atanan "?n=" + Math.random() kısmı, yerel olarak önbelleğe alınmış bir sürüm kullanmak yerine web tarayıcısını her seferinde görüntüyü alması için kandırır. Dosya boyutu yaklaşık 200 kilobayt olan bir resim kullanın.
Testin başlangıç zamanını, bitiş zamanını ve indirme boyutunu depolamak için değişkenler oluşturmak için komut dosyasının sonraki satırına aşağıdaki kodu ekleyin. "downloadSize" öğesini bayt cinsinden görüntü dosyasının boyutuna ayarlayın.
Test için indirilecek görüntüyü ayarlamak için aşağıdaki kodu ekleyin. "download", bir Image nesnesi olarak ayarlanmıştır. İndirmenin sonunu yakalama eylemi, görüntü indirme işlemi tamamlandığında etkinleştirilecek şekilde atanır.
Hız testi sonuçlarını görüntüleyen komut dosyasına aşağıdaki işlevi ekleyin. İlk olarak, milisaniyeyi saniyeye çevirerek süreyi hesaplar. Ardından, indirme boyutunu bitlere dönüştürür, indirme hızını hesaplar ve hızı kbps ve Mbps'ye dönüştürür. Son olarak, sonuçları içeren bir mesaj kutusu açılır.
function showResults () { var süre = Math.round((endTime - startTime) / 1000); var bitsLoaded = downloadSize * 8 GO var speedBps = Math.round (bitsLoaded / süre) GO var speedKbps = (speedBps / 1024).toSabit (2) GO var speedMbps = (speedKbps / 1024).toSabit (2) GO uyarısı ("Bağlantı hızınız: \n" + speedBps + " bps\n" + speedKbps + " kbps\n" + speedMbps + " Mb/sn\n") DEVAM }
Sayfayı tarayıcınızda açın ve komut dosyasının doğru çalıştığından emin olmak için test edin. Mesaj kutusunun test sonuçlarını göstermesi birkaç saniye sürebilir.
Uç
JavaScript, web sayfasını görüntüleyen bilgisayar ile test için kullanılan resmi barındıran site arasındaki hızı ölçer. Kendi web sitenize olan bağlantıyı test ediyorsanız, resmi kendi web sitenizde barındırın. Flickr veya Amazon gibi yüksek bant genişliğine ve hıza sahip bir sitede barındırılan bir görüntünün adresini sağlayarak genel bağlantı hızını test edin.
